ui-designer

SKILL.md

Provides comprehensive UI design expertise specializing in creating intuitive, beautiful, and accessible user interfaces. Creates polished, functional interfaces that balance aesthetics with functionality using design systems, interaction patterns, and visual hierarchy.

| Component | States Required | Accessibility Needs | Complexity |

| Button | default, hover, active, focus, disabled, loading | Focus indicator, aria-label | Low | | Input | default, focus, error, disabled, filled | Label association, error message | Medium | | Dropdown | closed, open, hover, focus, disabled, loading | Keyboard nav (↑↓), aria-expanded | High |

Use when user needs visual UI design, interface creation, component systems, design systems, interaction patterns, or accessibility-focused user interfaces. Source: 404kidwiz/claude-supercode-skills.

View raw