Build an iOS trading mockup in Paper with Claude Code
Felix Lee used Claude Code over MCP to create a Robinhood-like stock trading app layout inside Paper.
- What they did
- Felix Lee set up Paper Desktop for Mac, which launches an MCP server whenever an open file is present, and linked it to Claude Code from the terminal. He started with an empty Paper document and sent a single instruction for a simple, attractive iOS stock trading interface inspired by Robinhood. Claude Code placed the first version into the workspace, then Felix asked for a stock detail view and a new color scheme.
- How it went
- He says the process produced a strong-looking app concept without any manual arranging, and that he has repeated the workflow more than 100 times. The follow-up guidance sits behind a paywall, and no measurement data was provided.
- Tips
- Paper Desktop needs to be running with a file already open or the MCP connection will not work. If the link breaks, relaunch Claude Code and use /mcp to check that Paper is available.
Try it yourself with Claude Code
Connect to my open Paper file through MCP and create a [type of app] for [platform] in the visual style of [reference app]. Add [number] main screens, including [screen 1], [screen 2], [screen 3], and [screen 4], and keep the layout, spacing, and colors consistent. After the draft is ready, stop and ask for approval before making anything irreversible, such as sending, deleting, submitting, or paying. Then give me a brief list of the design decisions you made.
Fill in the [brackets]. Agents can make mistakes, so review anything before it is sent, paid or deleted.
Get 3 agent uses like this every morning
With the day's top AI news. Free, and one click to unsubscribe.
Related agent uses
Run Claude Code to build a coded animated musical
They let Claude Code work almost entirely on its own to keep creating and refining a fully coded animated musical.
Run a shared video edit with coding agents
Kino let Luke and Donald work with coding agents on one video timeline at the same time.
Set the visual direction before building the site
Use Claude Design to shape the look first, then hand the decisions to Claude Code for implementation.
Draft and queue your weekly newsletter automatically
Claude Code can pull recent posts, write a newsletter in your style, and send it to Kit for scheduling after you sign off.
Build a song, artwork, and clip in one session
Claude Code handled lyrics, audio generation, mastering, cover art, and a short video through one connected workflow.
Build a balloon creature simulator for a light sculpture
They used Claude Code to make a Go-based balloon physics simulator with a web front end for a Burning Man totem.