ui-ux-design
Use for meaningful UI creation or redesign; produce product-specific visual direction, clear interaction states, responsive/accessibility behavior, and screenshot-based critique instead of generic AI-
SKILL.md.agents/skills/ui-ux-design/SKILL.md
GitHubUI / UX Design
- Name the actual audience, screen/job, primary action, and product vocabulary.
- Ground visual decisions in the product domain and existing brand/system.
- Define compact tokens: color, type, spacing, radius/elevation, motion.
- Choose at most one memorable signature element; keep surrounding UI disciplined.
- Design real content and long/empty/error/permission/loading/success/degraded states.
- Preserve semantic controls, keyboard focus, contrast, reduced motion, and responsive reflow.
- Avoid generic neon gradients, gratuitous glass/bento/stat cards, and decoration with no information value unless the brief justifies them.
- If
ui-ux-pro-maxexists, query it for design intelligence, then reconcile with product context and accessibility. - After implementation, use
runtime-verificationand critique mobile + desktop screenshots. Fix visible hierarchy, overflow, density, copy, and interaction issues before completion.