Gate a UI before it is called done: check the build, not the design file. Three deterministic stdlib scripts: a finish linter that blocks on controls that do nothing, dead links, placeholder copy and removed focus rings, and warns on template defaults; an interaction-state checker that derives loading, empty, error, busy and focus states from each surface's kind and blocks when they are missing or unevidenced; and a rendered audit that reads a browser snapshot and blocks on WCAG 2.2 AA failures in contrast, focus visibility, focus obscured, reflow at 320 px, accessible names and target size. Ships a read-only snapshot collector, an optional Playwright keyboard pass, cs-design-qa agent, /cs-design-qa and /cs-ui-finish-lint commands, 3 cited references and a finish sign-off.

version
2.14.6
GitHub stars
29.6K

Install

/plugin install design-qa@claude-code-skills

Run it inside Claude Code after adding the marketplace with /plugin marketplace add alirezarezvani/claude-skills.

Contents

Discovered from source

Skills 1

Commands 2

Agents 1

Sponsors

Details

Marketplace
alirezarezvani/claude-skills
Source
product-team/design-qa
Author
Alireza Rezvani
Category
design
Keywords
design-qa, ui-qa, visual-qa, wcag-2.2, accessibility, interaction-states, empty-state, error-state, focus-visible, target-size, reflow, frontend, design-review, ai-generated-ui

More from alirezarezvani/claude-skills

All 121