reimagine-it-extract

Featured

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, migration, or design-system work. CLI: npx reimagine-it extract -i page.html -o signals.json. Part of the reimagine-it Content-Derived Design suite.

Data & Documents 134 stars 25 forks Updated today MIT

Install

View on GitHub

Quality Score: 92/100

Stars 20%
71
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# /reimagine-it extract **Parent:** [../SKILL.md](../SKILL.md) — the full Content-Derived Design engine. This sub-skill handles only the extraction surface — the honesty layer the whole method stands on. The redesign is only as honest as its extraction. This verb emits exactly what the engine reads, as JSON, without generating anything: title, profile, density, derived palette, anchors, proper nouns, headings, dates, numbers, emails, links, and source hex colors. Every extracted fact exists in the source — property-tested against hostile and malformed input. ## Usage ```bash npx reimagine-it extract -i page.html -o signals.json cat page.html | npx reimagine-it extract -o - # stdin → stdout npx reimagine-it extract -i page.html --full -o signals.json # + prose ``` Payload shape (default): ```json { "source": "page.html", "title": "…", "profile": "restaurant | saas | civic | …", "density": "sparse | medium | dense", "palette": { "ground": "…", "accent": "…", "muted": "…", "surface": "…", "ink": "…" }, "anchors": ["…"], "properNouns": ["…"], "headings": ["…"], "dates": ["…"], "numbers": ["…"], "emails": ["…"], "links": ["…"], "sourceHex": ["#6B3A2A"], "counts": { "paragraphs": 4, "listItems": 16 } } ``` `--full` adds `paragraphs` and `items` (the raw prose arrays). ## Procedure 1. Run it before any redesign when the user asks "what would you even use from this page?" — the JSON answers with the engine's actual inputs. 2. To audit h...

Details

Author
Kayforkind
Repository
Kayforkind/reimagine-it
Created
3 weeks ago
Last Updated
today
Language
JavaScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Data & Documents Featured

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-aware redesign or a visual leap instead of a mood board. Tokens: webpage, infographic, svg, 3js, simulation, artistic, cinematic, dashboard, photography, landing, plus leftover words as a brief. Also /reimagine-it audit for quality checks. Installed via npx skills add Kayforkind/reimagine-it or plugin marketplace. Not /better. Not a mood board. Does not ingest PDF, PPTX, or DOCX.

134 Updated today
Kayforkind
Web & Frontend Featured

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 (webpage, infographic, svg, 3js, simulation, artistic, cinematic, dashboard, photography, landing), or wants a content-aware redesign instead of a mood board. CLI: npx reimagine-it --auto -i page.html -o out.html. Part of the reimagine-it Content-Derived Design suite.

134 Updated today
Kayforkind
AI & Automation Featured

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 the reimagine-it Content-Derived Design suite.

134 Updated today
Kayforkind