The new builder stack (dock)
Social-proof dock: agent IDE + Paper
The new builder stack, seeing this a lot!
32,234 impressions · 426 likes
Recipes people actually post.
Outcome-to-tool-stack pairings with Paper in the loop. Each row is cited to an original post — unofficial, community-sourced, not a shortcut list.
Tokens-first polish
Load Tailwind colors as Paper tokens, mock up in Paper, then ask Claude for a design-polish pass.
Paper + Codex + Storybook
Design in Paper, keep the component library in sync via MCP, and ship Storybook components agents can reuse.
Paper with Claude Code
Use Paper regularly with Claude Code, more often than Codex or manual work.
Figma to Paper to agent
Move a design from Figma into Paper, then to Codex or Claude Code via MCP.
DS repo to Paper iterations
Hook Codex to a design-system repo and generate a dozen high-fidelity screen iterations on Paper.
Custom design skill + agents
Pair Paper with a custom design skill in Opencode, Claude Code, or Codex.
- Paper
- Design skill
- Opencode
- Claude Code
- Codex
Snapshot to tokens
Snapshot live components into a blank Paper file, then ask Claude Code via MCP to list tokens.
Paper MCP with agent harnesses
Drive Paper through MCP from Claude Code or Codex.
Design in Paper, build with both
Design in Paper, then build with Claude Code and Codex.
Design-engineer full loop
Design in Figma + Paper, build with Claude Code + Cursor in CMUX, ship in Xcode, with Paper / Mobbin / XcodeBuild MCPs.
Agentic media and motion
Claude Code creates videos through Paper MCP on the Paper canvas.
Design-first exploration
Use Paper MCP with Claude Code to design first and decide what's worth building.
iOS with Mobbin + Paper
Design a first iOS app with Claude Code, Mobbin MCP, and Paper MCP.
Mobile variations with Sleek
Generate mobile design variations in Claude Code, then refine them in Paper.
- Claude Code
- Sleek Skill
- Paper MCP
- Paper
Brand assets to Paper
Generate brand assets with an image model, then design in Paper MCP, powered by Codex, Claude Code, or Conductor.
- Image model
- Paper MCP
- Codex
- Claude Code
- Conductor
Parallel agents on a canvas
Claude Code in Ghostty, Conductor for parallel agents, Obsidian for plans, Paper MCP for canvas design, Cursor to read the codebase.
Design explore to prototype
From a design canvas to a live demo: explore in Paper MCP + Antigravity, then prototype with Paper + Claude Code + GitHub.
Designer toolkit, split
Build with Claude Code, Codex, and Framer; refine in Figma / Paper; bridge both ways with Figma MCP and Paper MCP.
GTM landing with Idea Browser
Pull ICP and offer context through Idea Browser MCP, then design the landing page in Paper with Claude Code.