Skills / Product & design
Design Critique
Evaluate a screen against product goals, accessibility, and system consistency. Use when reviewing UI for product fit, WCAG compliance, and design system alignment.
Ownership
InstructionsSKILL.md Source
Design Critique
## Goal
Evaluate the user interface and user experience of a given screen or mockup for product fit, accessibility compliance, and design system consistency.
## The Thing
Visual hierarchy, component choices, interaction patterns, color contrast, and information architecture of a specific screen.
## Structure
1.**Goal alignment check** — Does every element serve the primary user goal for this screen?
2.**Accessibility audit** — Verify color contrast meets WCAG AA, check focus order, ensure ARIA labels exist.
3.**Design system mapping** — Map elements to existing DUI primitives, flag custom components.
4.**Interaction flow** — Trace the user's path from entry to completion, identify drop-off risks.
5.**Improvement synthesis** — Provide concrete, ordered action items with specific component recommendations.
Installation
Toggle your package manager and copy the command to add this skill directly to your workspace configuration.
CLI Add Command
Installs skill bundlenpx @qentrah/skills add design-critique