Updated 5d ago
by Kayforkind
reimagine-it
Kayforkind Content-Derived Design CLI. HTML in, standalone HTML out from the source's own nouns, dates, numbers, and colors. Not the reimagineit.ai interview SaaS.
208 GitHub stars (208)
+21 in 20 days
| Period | New stars |
|---|---|
| Sep 27 | +2 |
| Sep 28 | +1 |
| Sep 29 | +4 |
| Sep 30 | 0 |
| Oct 1 | +1 |
| Oct 2 | +3 |
| Oct 3 | 0 |
| Oct 4 | +1 |
| Oct 5 | 0 |
| Oct 6 | +2 |
| Oct 7 | +2 |
| Oct 8 | 0 |
| Oct 9 | +1 |
| Oct 10 | +1 |
| Oct 11 | 0 |
| Oct 12 | +1 |
| Oct 13 | +1 |
| Oct 14 | 0 |
| Oct 15 | 0 |
| Oct 16 | +1 |
- 7 skills (7 skills found in its SKILL.md files)
- 32 forks (32 forks)
- 5d ago last update (Last updated 5d ago)
Install
Skills CLI
npx skills add Kayforkind/reimagine-it
Asks which skills and agents to install. Just one: npx skills add Kayforkind/reimagine-it --skill reimagine-it — add -g for every project.
Claude Code
git clone https://github.com/Kayforkind/reimagine-itcp -r "reimagine-it/skills/reimagine-it" ~/.claude/skills/
Copies the reimagine-it skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add Kayforkind/reimagine-it
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
reimagine-it
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-aw…
skills/reimagine-it/SKILL.md on GitHub (opens in a new tab) -
reimagine-it-audit
Design Health — runs 19 deterministic quality checks on HTML output. Use when the user says /reimagine-it audit, "audit this page", "check design quality", or wants to verify craft-floor compliance before shipping. Catches blank plates, missing focus rings, non-compositor motion, off-palette accents, dead motion, fabricated content. No LLM, no API key. CI-ready with --json and exit codes. Part of…
skills/reimagine-it/audit/SKILL.md on GitHub (opens in a new tab) -
reimagine-it-extract
Emit the content signals reimagine-it reads from an HTML file — title, anchors, proper nouns, dates, numbers, emails, links, source hex colors, and the derived palette — as JSON without generating a redesign. Use when the user says /reimagine-it extract, "what does the engine see in this page", "extract the palette", "pull the facts from this page", or wants content analysis for research, migrati…
skills/reimagine-it/extract/SKILL.md on GitHub (opens in a new tab) -
reimagine-it-generate
Generate one Content-Derived Design direction from an HTML source, or let Auto choose the strongest direction. Use when the user says /reimagine-it generate, "redesign this page", "make it a landing page", "turn this into an infographic", names a token (all 17: webpage, infographic, svg, 3js, simulation, artistic, cinematic, dashboard, photography, landing, editorial, gradient, showcase, motion,…
skills/reimagine-it/generate/SKILL.md on GitHub (opens in a new tab) -
reimagine-it-infographic
Content-derived infographic poster — reads the source file and builds a statistical poster from the facts already in it. Not a dashboard, not a CV, not an AntV template. Uses common-scale encodings (Cleveland–McGill floor), ISOTYPE unit counts (Neurath), custom data glyphs (Lupi/Fragapane), and a lossless data table. Palette, glyphs, and composition are derived from the source's own content. No p…
skills/reimagine-it/infographic/SKILL.md on GitHub (opens in a new tab) -
reimagine-it-lock
Design DNA capture — extracts palette, type stack, motifs, motion, and 3D signatures from a shipped HTML file and saves them as a reusable reference pack. Use when the user says /reimagine-it lock, "lock this design", "save design DNA", "capture this look", or wants to reuse a shipped design on a different target. Locks capture palette, type, motif, and motion from a shipped HTML file. Part of th…
skills/reimagine-it/lock/SKILL.md on GitHub (opens in a new tab) -
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 Con…
skills/reimagine-it/variations/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.