ux-designer

WCAG 2.1 AA compliance requires keyboard navigation, sufficient color contrast, and semantic HTML structure. This Skill guides you through accessibility-by-default decisions for color, typography, layout, and responsive design, applying explicit WCAG 2.1 AA criteria to each choice before implementation.

Responsive design with Tailwind CSS starts with mobile-first patterns and breakpoint-aware layouts. This Skill provides guidance on progressive disclosure, layout decisions across screen sizes, and modern responsive patterns aligned with Tailwind's utility-first approach and shadcn/ui component patterns.

Design decision paralysis resolves by exploring 2–3 alternative directions with documented trade-offs before committing to one approach. This Skill asks for explicit approval on each decision—color, typography, layout, and accessibility—and provides collaborative templates to align choices with your project constraints.

Yes. shadcn/ui components with Tailwind CSS create premium, accessible UI without generic aesthetics. This Skill combines modern patterns from both frameworks, ensuring keyboard navigation, color contrast, and WCAG 2.1 AA compliance across your component system.

Color contrast and typography legibility directly impact WCAG 2.1 AA compliance. This Skill evaluates both for accessibility, ensuring sufficient contrast ratios, readable font sizes, and clear visual hierarchy while maintaining your design's visual intent and flat minimalist aesthetic.

No initial documentation is required. Start by describing your design goals and constraints, then request 2–3 alternative directions with trade-offs. This Skill guides you through documentation-driven decisions, creating alignment templates that evolve as your design choices solidify.