ui-ux-design

Accessibility audits evaluate interfaces against WCAG criteria by reviewing component usage, color contrast, keyboard navigation, and semantic HTML. This Skill guides you through auditing patterns, replacing ad-hoc styles with accessible shadcn/ui components, and testing responsive behavior to ensure your design meets accessibility standards.

Tailwind tokens provide a centralized system for colors, spacing, and typography that enforces consistency across all pages and components. This Skill applies Tailwind design tokens to replace custom CSS, ensuring visual cohesion and making future design updates propagate automatically.

Loading and error states handle user feedback during async operations and failures. This Skill implements these states within shadcn/ui components using Tailwind styling, ensuring functional requirements are met while maintaining accessibility and responsive design across mobile and desktop.

Reusing shadcn/ui components eliminates ad-hoc styling by leveraging pre-built, accessible patterns. This Skill enforces component reuse and Tailwind tokens to maintain design consistency, reduce maintenance overhead, and guarantee accessibility compliance without custom CSS.

Responsive behavior adapts layouts and interactions across screen sizes using Tailwind's breakpoint system and flexible components. This Skill tests responsive design on mobile and desktop, leveraging shadcn/ui components built for all viewports to satisfy technical requirements.

No—this Skill provides structured guidance for applying existing components and design tokens without deep design system expertise. It covers component reuse, accessibility checks, and responsive testing, allowing you to improve interfaces through consistent pattern application.