Iterate on designs, right in your browser.

Explore multiple versions of your app simultaneously with agents from a minimal toolbar overlay in your browser.

How it works

  1. Create iterations (worktrees) from the press of a button, or enter /iterate:prompt in a Claude session followed by whatever you want to riff on.
  2. Explore iterations instantly from the toolbar tabs.
  3. Add context with the select, draw and move tools by pointing at elements and areas to add feedback, or moving them around in real-time.
  4. Pick a direction and merge changes back to your base branch with a single click.
  5. Repeat as needed whenever you need to riff on an idea!

Optimized for Claude Code with Next.js, but works with any agent and all React apps using Vite.

Claude Code setup

  1. Install the skill:
    npx skills add connorwhite-online/iterate
  2. Restart your Claude Code session to load the new slash commands, then run:
    /iterate
  3. You're all set! With your app running, restart your Claude session again to connect the MCP server.

Checkout other Installation options.