Design UI with your coding agent.

Experiment with live UI without cluttering your repo with throwaway prototypes.

Private by design.

Your prototypes stay on your Mac, outside your repo. Sneak Peek never uploads them, or your code.

projects
your-app
pricing-card
index.tsx
onboarding
index.tsx
settings
… › Sneak Peek › projects

Works with the agent you already use.

Claude Code and Codex work with Sneak Peek as they are: signed in as you, on the plan you already pay for. Sneak Peek is free.

Every pixel is your code.

Click anything to see the file and line it comes from, and tune it right there. Not a picture of your UI. The code itself.

A selected element in the preview window, with its file and line, index.tsx:70, and a Gutter control beside it

Others draw your UI. Sneak Peek runs it.

Design tools redraw or copy your interface, and someone translates it into code later. Here there is nothing to translate. Compared in October 2026.

Sneak PeekPaperMagic PatternsClaude DesignPencil
On the canvasYour project's code, runningHTML and CSS drawn in PaperUI generated in its cloudAn HTML prototype, from a design system it builds out of your codeDesign layers in a .pen file
Into your codeNothing to do. It already imports from your repoExport to ReactGitHub sync, export or MCPHandoff to Claude CodeYour agent converts the .pen file
AI costFree. Uses the agent you haveFree for 100 MCP calls a week, Pro from $20 a monthCredits, from $20 a seat a monthShares your Claude plan's limitsFree. Uses the agent you have

Questions.

Is it free?

Yes. Sneak Peek is free to download and use. Claude Code or Codex runs on your own plan, as it always does.

Does my code leave my Mac?

No. Prototypes live on your Mac and import components straight from your repo. Sneak Peek never uploads your code.

Will it change my repo?

No. Prototypes live outside your project, in the app's own folder. Nothing in your repo changes unless you ask your agent to build the winner into it.

Which projects work?

React web projects on Next.js or Vite, with or without Tailwind. React Native is not supported yet.

What do I need?

A Mac with Apple silicon on macOS 14 or later, and Claude Code or Codex. Google Chrome helps your agent take screenshots of your prototypes when the app is closed.

Do I have to sign in?

No, you can continue as a guest. Signing in with GitHub or Google tells me who is using it, so I can reach you about it. Sharing usage is optional either way, and you can turn it off in Settings. Read the privacy page

Try your next idea in minutes.