Design the real thing.

Inspect live production UI. Refine visually. Ship a pull request — with Claude writing the code.

Download for Mac
Star on GitHubmacOS · Apple Silicon & Intel
Handmade for Mac — inspect live UI, refine visually, and ship a pull request

From live UI to a merged PR.

One loop. No handoff theater.

01

Inspect

Hover any element in your live app. See computed styles, dimensions, and hierarchy — what’s actually shipped.

Handmade inspecting a live element — layout inspector on production UI
02

Refine

Adjust padding, radius, type, and color visually. Your eye leads; values update in real time.

24
24
8
Button
<button>
LayoutRadiusColors
Padding
H24
V8
Radius
6
03

Diff

Claude Code turns visual edits into clean, minimal code changes you can read before they land.

button.tsx

className="btn-primary"
− padding: "8px 12px"
+ padding: "8px 24px"
+ borderRadius: "6px"

+3 −1

04

Merge

Open a pull request from the same place you edited. No terminal. No asking someone to move it 2px.

Refine button padding and radius

#42
ready to mergevisual-edit
button.tsx
+3-1
- padding: "8px 12px"
+ padding: "8px 24px"
+ borderRadius: "6px"
Merge pull request

A Mac app for craft on production.

Not a CSS overlay. Not read-only inspection. Not a manifesto. Handmade sits where your live React UI already runs — so taste can ship as a real pull request.

Download Handmade for Mac.

Apple Silicon & Intel

Download for Mac