Pencil★★★★★
🆓 free🔌 drop-in
Design on a canvas. Claude codes it pixel-perfect. No more 'close but not quite.'
why it matters
Pencil is a visual design canvas you drop onto your Mac that talks directly to Claude Code. You sketch what you want — a thumbnail, a hero section, a landing page — and Claude writes the exact code for it. No more describing what you want in words and praying the output matches.
This is the missing bridge for anyone who's been frustrated by 'close but not quite' output. Free to use with your existing Claude Code subscription. Works on Mac.
install
Download from pencil.dev, connect to Claude Code via the built-in plugwhere to find it
avoid if
You prefer prompting with words or you're on Windows / Linux (Mac-only for now).
see it in action
open the module that demos Pencil