design-qa plugin
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.
How to install the design-qa plugin
Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.
/plugin marketplace add alirezarezvani/claude-skills
/plugin install design-qa@claude-code-skillsWhat's inside design-qa
4 parts read from the plugin's own files.
Commands 2
Run as /design-qa:name- /design-qa:cs-design-qa
No description in the file.
- /design-qa:cs-ui-finish-lint
No description in the file.
Agents 1
Call as @agent-design-qa:name- @agent-design-qa:cs-design-qa
No description in the file.
Skills 1
Claude loads it when the task matches- design-qa
No description in the file.
Using design-qa in Claude Code
Type a command in a Claude Code session:
/design-qa:cs-design-qa
/design-qa:cs-ui-finish-lintAsk for an agent by name:
@agent-design-qa:cs-design-qaSkills need no command. Claude reads them when your request matches what they describe.
Update, turn off or remove
- Update the plugin (shell)
- claude plugin update design-qa@claude-code-skills
- Refresh the marketplace
- /plugin marketplace update claude-code-skills
- Turn it off for now
- /plugin disable design-qa@claude-code-skills
- Remove it
- /plugin uninstall design-qa@claude-code-skills
design-qa plugin questions
How do I install the design-qa plugin?
In Claude Code run /plugin marketplace add alirezarezvani/claude-skills, then /plugin install design-qa@claude-code-skills.
What does the design-qa plugin include?
design-qa bundles 2 commands, 1 agent, 1 skill.
What commands does the design-qa plugin add?
It adds /design-qa:cs-design-qa, /design-qa:cs-ui-finish-lint. Run them in Claude Code with the plugin prefix, for example /design-qa:cs-design-qa.
Which agents come with design-qa?
cs-design-qa. Call one with @agent-design-qa:cs-design-qa.
How do I update or remove the design-qa plugin?
Update it with claude plugin update design-qa@claude-code-skills in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall design-qa@claude-code-skills.