Audits frontend views for design consistency, state coverage, accessibility, and anti-patterns.
npx skills add https://github.com/greglas75/zuvo --skill design-review-greglas75
Please help me install this Agent Skill. Skill: design-review Source: https://github.com/greglas75/zuvo/tree/main/skills/design-review Command: npx skills add https://github.com/greglas75/zuvo --skill design-review-greglas75
--fix-critical repairs critical gate failures (loading.tsx/error.tsx creation, confirmation dialogs), and loop mode audits, fixes, and re-audits with a delta report. - Use Case: Run design-review src/app before a release to get per-view tier scores, a state coverage matrix, and a prioritized action plan saved to zuvo/audits/. ## Quick Start Ask the AI to run a design review audit on your frontend views, for example: audit the components in src/app for design consistency and accessibility.High-intent search queries and answers about installing and using this skill.
Run the design-review skill against a directory or file, for example `design-review src/app`. It scores each view against the DX1-DX20 checklist covering tokens, states, accessibility, and shared component usage, then writes a report to zuvo/audits/.
design-review checks UI/UX concerns: state coverage, design tokens, ARIA, responsive behavior, and anti-patterns. Code quality issues belong to zuvo:code-audit and test quality to zuvo:test-audit, which are explicitly out of scope here.
Yes, in visual mode with a running dev server and chrome-devtools tooling available. It captures screenshots at 1440, 768, and 375 widths and runs axe-core scans, which override grep-based DX15-DX17 scores.
Yes. It detects co-located loading.tsx and error.tsx files next to page.tsx, automatically scoring DX6 and DX7 as passing when boundaries exist, and its auto-fix can create these boundary files.
It only touches the UI/states layer: adding loading wrappers, error boundaries, confirmation dialogs, and shared component imports for DX6, DX7, DX10, and DX20 failures. Business logic, data fetching, and event handlers are never modified.
Skip it for general code quality or test quality audits, and when you need to create new designs rather than audit existing ones. For qualitative multi-agent review of a component, use zuvo:ui-design-team instead.
stephendolanGenerate production-grade frontend interfaces with styling, animations, and interactions.
julianobarbosaRe-execute the Algorithm in loop mode to iteratively refine a target.
githubGenerates a complete quality engineering system with requirements, tests, and multi-model audits for any codebase.
Uxcel-LabOrchestrates foundations, components, screens, and flows into a complete from-scratch UX design build.