Working with Claude
What to ask, how to point at a take, and how to see what Claude is doing.
What to ask
Talk to Claude Code the way you would anyway, from the project you are working on. Mention the playground, or Sneak Peek, when you want the ideas there instead of in your code.
› Prototype a few takes on the pricing card in the playground.
› Try three layouts for the empty state, each on phone and desktop.
› Open the playground.
Claude writes each take as a variant, using your project’s own components and styles, and you see it the moment it saves.
Point at a take
Click a frame, then talk about it. Claude can see what you selected, so there is no need to name it.
› Make this one tighter.
› Keep the selected one and drop the rest.
Seeing what Claude does
- A light in the frame
- A soft light in Claude’s color moves inside the frame Claude is reading or editing, with a small label that says what it is doing.
- A dot in the sidebar
- The prototype Claude is working in gets a dot in the same color.
- The app follows along
- When Claude starts on a take or wants to show you one, Sneak Peek comes forward and moves the canvas to it, switching to its project, even from Home.
Claude looks too
Claude takes its own pictures of the frames to check its work, straight from the app, including the values you tuned in the inspector. When the app is closed, it uses Google Chrome instead.
From prototype to product
When you have picked a winner, ask Claude to build it into your repo. Until then, your project stays as it was.
› Build the Editorial take into the landing page.