loading
loading
Turn plain HTML into polished, design-system-ready UIs with one prompt.
For builders who can ship logic but freeze on design — the critique loop scores the UI before commit, so taste isn't left to luck.
Listed for review
No verified public repo for this skill yet, so this page does not give you an install command. Skills with a verified source install in one command — or fully manual: copy the skill folder into .claude/skills/ and your agent picks it up.
Boostor Quality Score
84/100 · B
Web Aesthetic Craft teaches your agent to apply spacing, typography, and color theory consistently across components. It ships with a set of opinionated Tailwind presets and a critique loop that scores visual output before committing. Ideal for developers who can code but struggle with design decisions.
Sweep a page for the accessibility issues that block users — semantics, keyboard, contrast, forms, SR.
Honest about its limits: it labels automated vs manual findings and won't claim WCAG compliance from a script — but it catches the real blockers.
Transparent + deterministic: every point above is computed from this skill's real fields plus a prompt-injection safety scan. No black box, no pay-to-rank.
Auto-generate Storybook stories and prop docs from React component source.
Storybook stories are the docs nobody writes. This reads your component types and generates the stories and prop tables so the chore stops being optional.
Find repeated spacing, type, and color inconsistencies after rapid AI changes — and a convergence plan.
For UIs that fragmented during fast AI changes — it finds the repeated drift and gives a convergence plan, not a redesign.