Updated 4d 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.
212 GitHub stars (212)
+9 in 30 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 |
| Oct 17 | 0 |
| Oct 18 | 0 |
| Oct 19 | +1 |
| Oct 20 | 0 |
| Oct 21 | +1 |
| Oct 22 | 0 |
| Oct 23 | −1 |
| Oct 24 | +2 |
| Oct 25 | 0 |
| Oct 26 | 0 |
| Oct 27 | +1 |
| Oct 28 | 0 |
| Oct 29 | 0 |
| Oct 30 | 0 |
| Oct 31 | 0 |
| Nov 1 | 0 |
| Nov 2 | 0 |
| Nov 3 | 0 |
| Nov 4 | 0 |
| Nov 5 | 0 |
| Nov 6 | 0 |
- 7 skills (7 skills found in its SKILL.md files)
- 31 forks (31 forks)
- 4d ago last update (Last updated 4d 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/ on GitHub (opens in a new tab)SKILL.md -
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/ on GitHub (opens in a new tab)audit/ SKILL.md -
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/ on GitHub (opens in a new tab)extract/ SKILL.md -
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/ on GitHub (opens in a new tab)generate/ SKILL.md -
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/ on GitHub (opens in a new tab)infographic/ SKILL.md -
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/ on GitHub (opens in a new tab)lock/ SKILL.md -
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/ on GitHub (opens in a new tab)variations/ SKILL.md
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.