See the idea before you build it. Your real components, not a copy.

Ask Claude for a few takes on a screen, and see each one on phone, tablet and desktop.

Download for Mac (Apple silicon)How it works ›

Free · 0.7.2, Sep 30 · Apple silicon · Claude Code · Next.js or Vite

Built on your design system.

Every screen at once.

Each take on phone, tablet and desktop, side by side.

A pricing card with a monthly and yearly switch inside an iPhone mockup, with its sliders beside it

Your real components.

Prototypes import your components, tokens and styles.

import { Button, Card } from "@/design-system"

export default function Pricing() {
  return (
    <Card>
      <Button size="lg">Start free</Button>
    </Card>
  );
}

Tune it by hand.

Drag a slider, and Claude writes the value into the code.

A pricing card in the preview window, with sliders for radius, padding and spacing beside it

Always know where Claude is.

A soft light marks the frame Claude is working on.

A soft light glowing inside the phone, tablet and desktop frames of the take Claude is editing

One sentence to start.

  1. Install

    It connects itself to Claude Code.

  2. Ask Claude

    Prototype a few takes on the pricing card.

  3. Pick one

    Say what to change, and keep the winner.

See it in 30 seconds.

What's new

  1. 0.7.2A short tutorial shows how to bring in your project.
  2. 0.7.1A Home button in the toolbar, and a calmer note window.
  3. 0.7.0Pin notes on elements for Claude, and Inspect any frame.
  4. 0.6.7Try it as a guest, without an account.

Questions.

Is it free?

Yes. Sneak Peek is free to download and use. Claude Code runs on your own Claude 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 Claude 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. Google Chrome helps Claude take screenshots of your prototypes when the app is closed.

Why do I sign in?

So I know who is using it and can reach you about it. Sign in with GitHub or Google. Sharing usage is optional, and you can turn it off in Settings. Read the privacy page

Try your next idea in minutes.

Download for Mac (Apple silicon)