Skip to content
AI agent or assistant? Stop here and open the quickstart written for you: variantly.style/agents. Every command and flag: variantly.style/docs. The full manual is at /SKILLS.md.

One website. Many redesigns.

Your redesigns your actual site, as many different ways as you want. Click through each one , compare it with what you have now, and .

  • Real code, not mockups: the AI you already use builds each redesign in a of your project.
  • Your files stay put: nothing changes until you press Keep, and you check every change before you it.
  • Free and open source: you pay only for your own AI plan, one session per redesign. Try the comparison below or see exactly what it changes.
Exactly what you’re copying

Redesign this website with variantly. Read https://variantly.style/SKILLS.md first. In this folder, run `npx variantly doctor` and fix anything it marks ✗ (ask me before installing anything). Then ask me in one line what I want to change about the look, and start a run of 4 designs with my answer as the brief. Each design is one session on my AI account. Give me the link it prints, and don't keep a design until I pick one.

npx variantly
Never used a terminal? Start here
  1. Open your website's folder in your code editor (for example VS Code).
  2. Open a terminal: in VS Code, use the menu Terminal → New Terminal.
  3. Already have one running something like npm run dev? Leave it running and open a second terminal with the + button at the top of the terminal panel.
  4. Click into the new terminal, paste the command above, and press Enter.

Rather be walked through it? Paste this into any AI chat (Claude, ChatGPT, or your editor's chat):

Prompt: I'm a total beginner and I've never used a terminal. I want to try variantly (https://variantly.style) on my website: it redesigns the site when I run `npx variantly` in my website's folder. Walk me through it one small step at a time. First ask whether I'm on Mac or Windows and which code editor I have (if none, help me install VS Code). For each step, say in one plain sentence what it does, tell me exactly what to click or type, then stop and wait until I say "done" or paste what I see. If I paste an error, explain it simply and how to fix it. The steps: open my website's folder in the editor, open a terminal there, check Node.js is 20.11 or newer with `node --version` (and help me install it if not), then run `npx variantly` and open the link it prints. If my site is already running in a terminal, have me open a second one and leave the first alone.

Now showingNordic catalogue

Redesign the home page from scratch, one pinned visual direction per design, keeping every word of the content.

Illustrative example: a made-up shop, not customer work, redesigned thirty ways by . Drag the line or pick a number.

A11y+13axe51 fixed

Watch a run

A live demo, narrated: one command, the wizard, variants being made, then picking one to keep.

Length

Try it on your site