spool
Sign in
PlaybooksExplore three takes on a screen⌄

Explore three takes on a screen

Ask your agent for three directions on one screen and it gives each one to its own designer. The takes land beside the frame they vary, where you play them and keep the one that works.

Before you start

You need spool and one agent you are signed in to: Claude Code, Codex or pi. The examples use kaffe, a coffee shop's ordering app whose design/ already holds menu, cart and receipt.

  1. 1

    Open the project

    From the repo's root, register the project and open its tab. A repo with no design/ yet starts with spool init instead.

    ~/kaffe $ spool open
  2. 2

    Ask for three takes

    In the Agent tab, or wherever you run your agent, say which screen and how many directions. Name what should differ between them, so each designer gets its own angle on the same brief.

    askRun spool skill, then give me three takes on the empty cart: one restrained, one that helps a regular reorder, one expressive.
  3. 3

    Watch them land

    The agent gives each direction to its own designer, and the rail shows one row per designer with what it is doing now. Each take is a variant, a -- folder beside the frame it varies, so all three file themselves next to cart as cart--empty, cart--empty-b and cart--empty-c.

  4. 4

    Check every take

    Before you look, the agent proves each one boots. spool check type-checks frames without starting anything, and spool shot boots each one headless and prints its console errors beside the screenshot. You can run both yourself.

    ~/kaffe $ spool check cart--empty cart--empty-b cart--empty-c
    checked 3 frames (14 source files), 0 errors
  5. 5

    Play them side by side

    Click into a take and it is live: its buttons and fields work, and its name on the canvas reads live · esc exits until you press esc. Do the same thing in each one, the way a customer would, before you judge how they look.

  6. 6

    Keep one

    Delete the takes that don't work from the pages rail, and they go to the Trash. Then tell the agent which take stays and what to bring over from the others.

    askKeep cart--empty-b, and bring the cup drawn in circles over from cart--empty-c.
Previous← Work with your agentNextWalk a flow →