UI/UX Builder Skill

Overview

This skill helps you build beautiful, accessible, and responsive user interfaces using modern React patterns, Tailwind CSS, and component libraries like Shadcn/ui.

Core Principles

1. Mobile-First Design

• Start with mobile layout
• Use responsive breakpoints: sm (640px), md (768px), lg (1024px), xl (1280px)
• Test on multiple screen sizes

2. Accessibility

• Use semantic HTML
• Add ARIA labels where needed
• Ensure keyboard navigation works
• Maintain color contrast ratios
• Support screen readers