/reimagine-it

name: reimagine-it
description: >-
  Content-Derived Design — reads existing HTML and writes a stronger standalone
  page from headings, facts, names, dates, numbers, links, emails, and colors
  already in that file. CLI: npx reimagine-it --auto -i page.html -o out.html;
  also variations, lock, and audit. Use when the user says /reimagine-it, "reimagine it", "reinvent this",
  "redesign this page", "make an infographic", wants a content-aware redesign
  or a visual leap instead of a mood board.   All 17 tokens: webpage,
  infographic, svg, 3js, simulation, artistic, cinematic, dashboard,
  photography, landing, editorial, gradient, showcase, motion, glass,
  lookbook, particles — plus leftover words as a brief. Also /reimagine-it
  audit for quality checks. The agent runs the CLI; it does not hand-author
  the page.
  Installed via npx skills add Kayforkind/reimagine-it or plugin marketplace.
  Not /better. Not a mood board. Does not ingest PDF, PPTX, or DOCX.
license: MIT
metadata:
  author: Kayforkind
  version: "2.15.0"
  hosts:
    - claude-code
    - cursor
    - codex
    - copilot
    - gemini-cli
    - factory-droid
    - agent-skills
keywords:
  - content-derived-design
  - redesign
  - infographic
  - svg
  - threejs
  - frontend
  - html
  - css
  - palette
  - motion
  - offline
category: Design
capabilities:
  - content-extraction
  - color-palette-generation
  - infographic-creation
  - svg-generation
  - threejs-scene-generation
  - simulation-generation
  - accessibility-audit
  - visual-verification
trigger_phrases:
  - /reimagine-it
  - reimagine it
  - reinvent this
  - redesign this page
  - make an infographic
  - content-aware redesign
  - design from content
  - redesign from source
  - palette from content
  - variations
  - lock brand
  - design health
  - audit this page
  - auto redesign
  - frontend
  - html
  - css
  - palette
  - motion
  - offline

/reimagine-it

**Banks:** [references/notes.md](references/notes.md) · [references/forms.md](references/forms.md) · [references/webpage-craft.md](references/webpage-craft.md) *(only for the webpage form)* · **[references/craft-floor.md](references/craft-floor.md)** *(the interaction contract every webpage output must clear; read every run)* · **[references/review.md](references/review.md)** *(§5.d named-object accuracy + clone scan; load on every verify)* · [references/forms/](references/forms/) *(non-webpage form packs: pdf, document, slides, universal)* · [references/domains/](references/domains/) *(only when the user gave a domain token: `artistic` / `dashboard` / `photography` / `cinematic` (aka `3d`, `webgl`) / `ecommerce` / `landing` / `portfolio` / `infographic`)* · [references/modifiers/](references/modifiers/) *(only when the user gave a modifier: `glassmorphism` / `bento` / `neon` / `brutalism` / `neumorphism` / `handdrawn`)* · [references/locks/](references/locks/) *(loaded on `--ref <name>`)* · **[references/research/web-craft-2025.md](references/research/web-craft-2025.md)** *(deep source pack — Awwwards SOTY stack scan, Rauno/Emil craft floor, Lupi/Fragapane data humanism, Feixen/Weingart/Troxler print grammar, Apple AIDA cinematic, view-transitions, scroll-driven animations, kinetic type, sound, neubrutalism — read once, cite in reports)* · **[references/research/infographic-craft.md](references/research/infographic-craft.md)** *(15-source infographic pack — Cleveland–McGill, Tufte, Bertin, ISOTYPE, Minard/Snow, Cairo, Lupi, FT Visual Vocabulary, USWDS, WCAG charts, InfoAlign layouts — load when the form or domain is `infographic`)* · [examples.md](examples.md)

`/reimagine-it` is a **Content-Derived Design** engine. The shipped product reads **HTML** and writes **HTML**: extract the headings, facts, names, dates, numbers, links, emails, and colors already in the file, then generate a standalone page in one of 17 tokens (or `--auto`). Default output is offline.

Do **not** claim the CLI redesigns PDF, PPTX, DOCX, MOBI, or “any file.” If the user pointed at another format, convert or wrap it as HTML first, run the engine, and only then — if they asked and the toolchain exists — export with a host tool. Report that extra step as host conversion, not as an engine feature.

If `local.md` exists beside this file, Read it after this skill (host chairs, org, paths). Public installs have no `local.md`.

Say once: **"Running /reimagine-it."**

Engine — run the CLI; do not invent the page

The shipped product is the **CLI**. `/reimagine-it` is orchestration around it, not a license to hand-author HTML.

1. If the source is not HTML, wrap or extract it into HTML first. Do not claim the engine ingested PDF, PPTX, or DOCX. 2. Run the matching command and use the file it writes:

npx reimagine-it --auto -i page.html -o redesign.html
npx reimagine-it -i page.html -t infographic -o poster.html
npx reimagine-it variations -i page.html -n 3 -o review/
npx reimagine-it extract -i page.html
npx reimagine-it audit redesign.html

The CLI enforces the source guard mechanically: an `--output` path that resolves to the source file exits 2 without writing. Pass `--no-clobber` to also refuse replacing an existing output file — useful when an agent or CI loop must not clobber a reviewed artifact. Auto mode also holds an advisory run lock next to the artifact, so a second agent targeting the same output fails fast instead of interleaving writes; crashed runs self-heal via stale-lock detection, and `--force` overrides.

3. Open that artifact. Report from it. If `npx reimagine-it` cannot run, ship `REIMAGINED: partial` and name the exact blocker — do not substitute a model-written page.

Categories (you choose · agent decides)

Optional tokens. **Combine freely.** You pick tokens; the agent picks questions, form (if unset), mutations, and the stretch.

| Category | You choose | Agent decides | |----------|------------|---------------| | *(none)* | Default. No interview. | Infer, lock, form, build. |