Point at what bugs you
Click any element on your running dev server. Add a comment pin where the issue lives. Draw a stroke through the bit you want to change. Or just type "more playful".
Newsletter card
1
New in v3.0 Alpha
Live Mode
Pick any element in the browser. Drop a comment or a stroke. Three production-quality variants swap in via your framework's HMR. Accept the one you want and it writes back to source.
Why alpha: Live Mode works end-to-end and is ready to try, but it still needs more testing against real-world repos and framework configs. Expect rough edges on uncommon setups, and please report what breaks.
$
/impeccable live localhost:3000
Newsletter
Subscribe for updates
Monthly-ish design notes.
No. 04
Letters, occasionally.
A postcard from the editor, about once a month. No tracking pixels, no "just checking in."
☞
Dispatch Design notes,
every other
Thursday.
☆☆☆
Field Notes A monthly letter, for people who still read email for pleasure.
1 / 3
Variant 3 written to source
Click the frame or scroll it into view to start the loop. Respects prefers-reduced-motion.
What happens, in three moves
Three genuinely different takes
Variants anchor to different archetypes, not three riffs on color. Each one explores a different primary axis: hierarchy, typography, density, layout, or palette strategy.
No.04
Dispatch
Field
Lands in real source
The accepted variant replaces the picked element in your source file. CSS consolidates into your real stylesheet, not inline. Discard all three and the original stays.
Variant 2 written to source
Where next
Tutorial
Walk it step by step
A ten-minute walkthrough from first run to accepted variant. Covers CSP patching, the picker actions, and the fallback flow for generated files.
Open the tutorial → ReferenceFull command reference
Everything your AI harness reads when /impeccable live runs: the poll loop, the wrap/accept helpers, the CSP templates, and every event shape.
Get Impeccable set up
Install the skill and CLI once, then run /impeccable live from your AI harness. Works with Claude Code, Cursor, Codex, Gemini, and more.
- Vite
- Next.js (incl. monorepos)
- SvelteKit
- Astro
- Nuxt
- Bun
- Plain static HTML