How do I install the Reimagine It Variations skill?

Run npx skillmds@latest add kayforkind/reimagine-it-variations in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Reimagine It Variations safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Reimagine It Variations?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Reimagine It Variations free to use?

Yes. Installing skills from SkillMD is free. This skill is licensed under MIT.

Who published Reimagine It Variations?

Kayforkind (@kayforkind) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Reimagine It Variations by kayforkind

Name: Reimagine It Variations
Author: Kayforkind

Reimagine It Variations

Generate several distinct design directions from one HTML source plus a contrast sheet that shows every direction side by side. Use when the user says /reimagine-it variations, "show me options", "give me three takes", "which direction works best", or wants to compare design directions before choosing one. CLI: npx reimagine-it variations -i page.html -n 4 -o review/. Part of the reimagine-it Content-Derived Design suite.

Kayforkind 482eeb0 2.1 KB Updated Sep 17, 2026

File contents

/reimagine-it variations

Parent: ../SKILL.md — the full Content-Derived Design engine. This sub-skill handles only multi-direction exploration.

Generates 2–8 distinct directions from one source plus an index.html contrast sheet that lays them out side by side with per-direction quality, fidelity, and voice. One seed reproduces the whole set.

Usage

npx reimagine-it variations -i page.html -n 4 -o review/
npx reimagine-it variations -i page.html -n 4 --seed 42 -o review/   # reproducible
npx reimagine-it variations -i page.html -n 4 --ref house.lock.json  # on-brand

Output per run:

File	What it is
`variation-1-<token>.html` …	One standalone page per direction
`index.html`	Contrast sheet: all directions side by side
`variations.json`	Ranked report: token, seed, voice, fit, quality, fidelity

Procedure

Run with -n 3 unless the user asked for a different count.
Read variations.json back to the user: rank, token, quality, fidelity.
Name the structural difference between the top two — not just the colors.
Print the seed and tell the user how to reproduce the set.
Once a direction is chosen, generate it standalone with npx reimagine-it -i page.html -t <token> --seed <seed>.

Must not

Present variations as options when fidelity is below 80% for any of them
Describe two variations as different if they share a silhouette
Lose the seed — the set is only reviewable if it is reproducible
Skip the contrast sheet; side-by-side comparison is the point

Part of reimagine-it — MIT.

---name: reimagine-it-variationsdescription: Generate several distinct design directions from one HTML source plus a contrast sheet that shows every direction side by side. Use when the user says /reimagine-it variations, "show me options", "give me three takes", "which direction works best", or wants to compare design directions before choosing one. CLI: npx reimagine-it variations -i page.html -n 4 -o review/. Part of the reimagine-it Content-Derived Design suite.license: MIT---# /reimagine-it variations**Parent:** [../SKILL.md](../SKILL.md) — the full Content-Derived Design engine. This sub-skill handles only multi-direction exploration.Generates 2–8 distinct directions from one source plus an `index.html`contrast sheet that lays them out side by side with per-direction quality,fidelity, and voice. One seed reproduces the whole set.## Usage```bashnpx reimagine-it variations -i page.html -n 4 -o review/npx reimagine-it variations -i page.html -n 4 --seed 42 -o review/ # reproduciblenpx reimagine-it variations -i page.html -n 4 --ref house.lock.json # on-brand```Output per run:| File | What it is ||------|-----------|| `variation-1-<token>.html` … | One standalone page per direction || `index.html` | Contrast sheet: all directions side by side || `variations.json` | Ranked report: token, seed, voice, fit, quality, fidelity |## Procedure1. Run with `-n 3` unless the user asked for a different count.2. Read `variations.json` back to the user: rank, token, quality, fidelity.3. Name the *structural* difference between the top two — not just the colors.4. Print the seed and tell the user how to reproduce the set.5. Once a direction is chosen, generate it standalone with `npx reimagine-it -i page.html -t <token> --seed <seed>`.## Must not- Present variations as options when fidelity is below 80% for any of them- Describe two variations as different if they share a silhouette- Lose the seed — the set is only reviewable if it is reproducible- Skip the contrast sheet; side-by-side comparison is the pointPart of [reimagine-it](https://github.com/Kayforkind/reimagine-it) — MIT.

Frequently asked questions