reimagine-it-audit

Featured

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.

AI & Automation 134 stars 25 forks Updated today MIT

Install

View on GitHub

Quality Score: 90/100

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

Skill Content

# /reimagine-it audit **Parent:** [../SKILL.md](../SKILL.md) — the full Content-Derived Design engine. This sub-skill handles only the deterministic quality check. Runs `npx reimagine-it audit` — 19 checks across 6 categories (`src/audit.js`; Python `scripts/audit.py` is the CI mirror): | Category | Checks | What it catches | |----------|--------|-----------------| | Typography | 3 | Banned default fonts, type-scale range, measure > 65ch | | Palette | 3 | Palette drift, `transition: all`, un-styled `::selection` | | Motion | 4 | Outline removal, missing `prefers-reduced-motion`, missing `:focus-visible`, non-compositor animation | | Content | 4 | Placeholder copy, vibe adjectives, emoji farm, `<br><br>` spacing | | Structure | 3 | CDN, external font fetch, figure system doing no work | | Performance | 2 | Images without dimensions, long pages without `content-visibility` | ## Usage ```bash # Agent /reimagine-it audit path/to/page.html # CLI (Node — no Python required) npx reimagine-it audit gold/webpage/after.html npx reimagine-it audit gold/webpage/after.html --verbose npx reimagine-it audit gold/webpage/after.html --json # CI mirror python scripts/audit_all.py ``` ## Exit codes | Code | Meaning | |------|---------| | 0 | CLEAN — no issues | | 1 | WARNINGS — advisory only, no blockers | | 2 | FAIL — must fix before shipping | ## Procedure 1. If the user passed a file path, run `python scripts/audit.py <path>`. 2. If no path, run `python scripts/audit_all.py` to au...

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
AI & Automation Listed

audit

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.

0 Updated today
rjunee
AI & Automation Listed

audit

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.

5 Updated today
sebderhy