Skill: UX Designer

Create beautiful, accessible interfaces with consistent design tokens.

How to Use

1. Copy the content below.
2. Save as .claude/skills/ux-designer/SKILL.md.
3. Run: "Design a login form using the ux-designer skill."

SKILL.md Template

# UX Designer Skill

## Triggers
- "Design UI"
- "Create component"
- "Style this"

## Design System
- **Framework:** Tailwind CSS
- **Colors:** Slate (Neutral), Indigo (Primary), Rose (Error).
- **Rounding:** `rounded-lg` (Large).
- **Spacing:** Multiples of 4 (`p-4`, `m-8`).

## Accessibility
- Always use semantic HTML (`<button>`, `<nav>`).
- Ensure color contrast passes WCAG AA.
- Support keyboard navigation.