project colordrop

Step 6: Building

System Text-to-Speech Ready
Slide: 0:00 / 0:00
Slide 1 of 0Interactive Deck

Full Lesson Reference

Create the actual app you can run anytime.

Where We Are

ColorDrop works great in development. Now let's create a real app you can use daily.

Build the App

Build a release version of ColorDrop that I can run from my Applications folder.

Claude will:

  1. Build the app in release mode (optimized)
  2. Create the .app bundle
  3. Tell you where to find it

Move to Applications

Once built:

terminal
# From Terminal, or just drag the .app to Applications in Finder
cp -r [path to built app] /Applications/

Or ask Claude:

Move the built app to my Applications folder.

Run It

  1. Open Applications folder
  2. Double-click ColorDrop
  3. It should appear in your menu bar

You made this. It's real software running on your Mac.

Launch at Login (Optional)

If you want ColorDrop to start automatically:

Add the option to launch ColorDrop automatically when I log in.

Or do it manually:

  1. System Settings → General → Login Items
  2. Add ColorDrop

Handle Gatekeeper

When you first run, macOS might block it ("unidentified developer"):

  1. Right-click the app → Open
  2. Click "Open" in the dialog

Or in System Settings → Privacy & Security, find the "Open Anyway" button.

This is normal for apps you build yourself without an Apple Developer account.

App Icon (Optional)

The default app icon is generic. If you want a custom one:

terminal
Create an app icon for ColorDrop.
Something that represents a color picker — maybe an eyedropper or color wheel.

This is optional polish — the app works fine without it.

Checkpoint

By now you should have:

  • Release build created
  • App in Applications folder
  • Launches and runs independently
  • Works when you click the menu bar icon

You Did It

Stop and appreciate this:

You built a macOS app. A real one. It runs on your computer. You made it by describing what you wanted and iterating until it was right.

The same process works for:

  • More complex utilities
  • iOS apps
  • Web applications
  • Anything you can describe

Exercises

  1. Run the release-build prompt, then move the resulting .app into your Applications folder.
  2. Launch ColorDrop from Applications, clear the Gatekeeper "unidentified developer" prompt with right-click → Open, and confirm the menu bar icon works.
  3. Optionally add launch-at-login and a custom app icon, then quit and relaunch to confirm everything still works independently of the development environment.