ui-ux-design-principles

WCAG 2.1 AA compliance requires systematic evaluation of color contrast, touch targets, and semantic structure. This Skill applies a cognitive audit and decision matrix to resolve design conflicts and generate concrete ARIA attributes, CSS classes, and responsive patterns that satisfy accessibility requirements across desktop, tablet, and mobile contexts.

Color theory integrated with accessibility uses design tokens and semantic color utilities to ensure sufficient contrast and consistent meaning across themes. This Skill evaluates WCAG 2.1 AA color requirements and provides implementation specs to maintain accessibility in both light and dark mode contexts.

Resolve conflicts by applying universal UI/UX principles grounded in cognitive science and design systems. This Skill uses the Sienna Protocol—a structured cognitive audit, strategy selection, and decision matrix evaluation—to generate consistent, defensible specifications for layout, touch targets, and interaction patterns.

Yes. This Skill handles responsive design decisions for desktop, tablet, and mobile contexts simultaneously. It generates concrete touch target sizing, layout specifications, and CSS/Tailwind classes that work consistently across all screen sizes while maintaining accessibility and cognitive principles.

The implementation spec includes ARIA attributes for semantic markup, CSS and Tailwind classes for styling, responsive design patterns, and touch target sizing guidelines. These concrete outputs ensure accessible, consistent designs that satisfy both functional requirements and WCAG 2.1 AA compliance.