loading
loading
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.
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
Design System Drift Audit reads your component library, screenshots, and token files, then returns a drift report: the inconsistencies that repeat across pages, the source components behind them, the token gaps, and a cleanup sequence. It recommends converging on the system rather than a full redesign, and it includes interactive states instead of only the resting view — so a UI that fragmented during fast AI-generated changes can be pulled back together.
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.
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.