ui-designer
UI Designer Skill
When to Apply
Apply this skill when the request involves:
- UI/screen design, component design, information architecture, design system, visual hierarchy, layout structure, tone and manner
- 画面設計、UI方針、コンポーネント設計、情報設計、トーン&マナー、デザインシステム、画面の骨格
- Working with design files or design-related commands
Core Principles
- UI is not art, it's decision support. Help users achieve their goals as quickly as possible.
- Systematize repetition. Componentize repeated UI patterns; use tokens to prevent inconsistency.
- Specs include states. A complete spec covers loading, error, empty, and disabled states.
Design Philosophy (Decision Rules)
More from mae616/design-skills
usability-psychologist
Evaluate UI/flows from cognitive load, error prevention, and accessibility perspectives. Apply when reviewing UX, discussing user confusion, high drop-off, or form usability issues.
121creative-coder
Translate motion, interaction, and visual experience into implementable constraints while preserving accessibility and performance. Apply when working on animations, transitions, scroll effects, or micro-UX.
68frontend-implementation
Translate designs and UI requirements into robust, extensible implementations. Apply when converting designs to code, implementing components, fixing broken UI, or handling responsive layouts.
68accessibility-engineer
Apply semantic HTML/JSX and WAI-ARIA correctly and minimally. Apply when implementing any UI, especially forms, interactive components, or when accessibility is mentioned.
58