variate

Four real versions of one file, on the localhost you are already looking at. Your agent writes them. Arrow keys flip them. The one you keep is the code.

npx skills add Nutlope/variate
A SaaS analytics landing page with its original indigo hero, the variate card docked at the bottom on position 1, named: as it was The same page, hero gone dark with a chartreuse accent and a glowing chart, the card on position 2, named: night shift The same page, hero reset in serif on paper with a pull quote and a stats rule, the card on position 3, named: editorial The same page, copy on the left and the product panel bleeding off the right edge, the card on position 4, named: the split
Flipping writes the real file. Vite re-renders it in under 150ms, Next in 200-400ms. Try it. The card down there is live.

Ask. Flip. Keep.

That is the whole loop.

  1. 01

    Ask

    /variate four takes on the hero

    Four real versions of that one file. Your stack, your design tokens, your words. Nothing gets added to your project.

  2. 02

    Flip

    and the page really changes. Each version has a name and names its tradeoff, so you know what you are giving up before you choose.

    The card's menu, open: the question, how loud should the hero speak, and four named versions each listing its cost
  3. 03

    Steer

    Say calmer. Or mix them: 2's layout with 3's palette. Each part comes whole from one version, never averaged into mush.

    What you turn down is remembered. Dead ideas stay dead.

    The refine input above the card, with a typed steer: 2's layout with 3's palette
  4. 04

    Keep

    enter or the green check, and that version is your file. The others are gone. git diff shows the design you chose and nothing else.

  5. 05

    Point

    Click any part of your page to start the next round there. The card tells your agent exactly what you clicked (the section, its heading, the route it lives on), so the ask lands on the right file. Sidebars, headers, and icon rows included.

    Pick mode: a violet highlight and section tag over the features section of the page

One command.

Then ask your agent for four takes.

npx skills add Nutlope/variate

Works with Claude Code, Codex CLI, opencode, and Cursor. Everything stays on 127.0.0.1: no accounts, no telemetry, no network calls.

this is the card · the arrows work
hero