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
79/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.
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.
Review screenshots across viewports for overlap, clipping, layout, and responsive breaks.
Systematic visual QA across viewports — it catches the text overflow and clipping a quick glance misses, and won't guess at behavior from a still.