# ui-ux

- Author: Jaweria
- Repository: Jiyakhan321/h22
- Version: 20260207000605
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/Jiyakhan321/h22
- Web: https://mule.run/skillshub/@@Jiyakhan321/h22~ui-ux:20260207000605

---

# UI/UX Enhancement Skill

## Purpose
Create beautiful, accessible, delightful user interfaces

## When to Use
- Need design system
- Accessibility required
- Animations needed
- Dark mode

## Capabilities
- Design tokens
- Component library
- Accessibility (WCAG 2.1 AA)
- Animations (Framer Motion)
- Dark mode
- Responsive design

## Components
```typescript
- Button (with variants)
- Input (with validation states)
- Dialog (accessible)
- Toast notifications
- Loading skeletons
```

## Usage
```
Use @ui-ux skill for production-grade UI
```

## Commands
- "Create design system"
- "Build component library"
- "Add animations"
- "Implement dark mode"

## Accessibility Checklist
✓ Keyboard navigation
✓ Screen reader support
✓ Color contrast 4.5:1
✓ Focus indicators