Command
critique
Adversarial design critique of the current work — render it, look at it, and argue for rejection. Run after the gates are green, never instead of them.
@plugin87View CommandDevelopment
Command
/gate
Run the one-command quality gate and report the real N/N result. Use before claiming any build/review is done.
Install
> /plugin marketplace add plugin87/ux-ui-agent-skills > /plugin install ux-ui-agent-skills@ux-ui-agent-skills
How it fires
How this command gets triggered: by you, by Claude, or both.
- Fires itselfClaude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/gate
Context preview
What this command does when you run it.
Run the one-command quality gate and report the real N/N result. Use before claiming any build/review is done.
Command definition
gate.mddescription: Run the one-command quality gate and report the real N/N result. Use before claiming any build/review is done.
Run the full quality gate and report the ACTUAL output — never a remembered or reasoned number.
1. Run: `node scripts/accuracy_report.mjs` (tokens + contrast + spec + no-hardcode + theme-refs + no-emoji + real-render WCAG + state-aware, light and dark — all-or-nothing). 2. Report the exact `N/N` line it prints. 3. If it is not fully green:
- List each failing check verbatim.
- Fix the cause (do not suppress the check).
- Re-run until green. Do not announce success between failures.
4. For any rendered HTML touched this session, also run the pixel-truth checks the gate cannot prove:
- `node scripts/verify_states.mjs <file> [--dark]`
- `node scripts/verify_responsive.mjs <file>`
- RENDER-AND-LOOK: screenshot the harness, park the pointer off it, inspect
every state, click each control to confirm the state changed.
Honest scope: these gates prove objective correctness (tokens, a11y, no drift). They do not prove taste. Pair with `node scripts/taste_audit.mjs` + human review; never claim auto-100% on aesthetics.
Ships withux-ui-agent-skills
Turn Claude into a senior design architect - DTCG design tokens, 50 components, WCAG 2.2 AA to AAA, 138 design systems, any-framework code, and 38 objective gates that fail the build instead of claiming success. Install as a Claude Code plugin or with npx.
Get the whole plugin
Stats
1,439
Stars
140
Forks
Active
Maintenance
JavaScript
Language
MIT
License
17m ago
Last commit
6mo ago
Created
Repo: plugin87/ux-ui-agent-skills
Other commands on ux-ui-agent-skills.
@plugin87View CommandCommand
grill-me
Interrogate the brief before a line is built — ask only the questions whose answers change the work, and put every unasked decision on the record as a stated…
@plugin87View CommandCommand
scaffold-project
Scaffold a new design-product project that matches the recommended Claude Code layout (the reference structure). Use when starting a fresh product/app that…
@plugin87View Command