Get startedGet started with spool⌄
Get started with spool
spool is a local-first prototyping canvas for coding agents. Your agent writes live TSX frames into your repo, and you play the flows between them like a real app.
Get spool
Mac appApple silicon, macOS 14 or later. Includes everything you need and updates itself.Download for Mac
Command lineNode 22.19 or later. macOS and Linux; on Windows, use WSL. Open the canvas in Chrome.
~ $ npm i -g spool.page
~ $ cd kaffe
~/kaffe $ spool init
spool init creates design/ in your repo, registers the project and opens its tab. Install has the rest: opening the canvas, starting at login and upgrading.
Ask your agent
The agent rail runs the agent you already use, Claude Code, Codex or pi, with its own login, models and settings. Ask it to run spool skill, then describe what you want to make. It writes TSX frames into your project's design/ folder, and spool shows them on the canvas.
Where to go next
InstallThe Mac app, or the command line on macOS, Linux and WSL, and how the canvas opens.→Work with your agentClaude Code, Codex or pi in the agent rail: installing them, their logins, permissions and designers.→Explore three takes on a screenAsk your agent for three directions on one screen, play them side by side, and keep the one that works.→Walk a flowLink frames so a click walks from one to the next, then play the whole journey like the app.→CommandsEvery spool command, and what each one does.→The design/ folderWhere frames, pages and shared code live in your repo, and which files are spool's.→LimitsHow much a team project on Spool Cloud holds: storage, file size and saves.→ExperimentalFeatures still being tried, what each one does and costs, and how to switch it on.→