Audit WCAG 2.1 AA compliance and generate accessible design tokens.
npx skills add https://github.com/0xRayAI/xray --skill ui-ux-design-0xrayai
Please help me install this Agent Skill. Skill: ui-ux-design Source: https://github.com/0xRayAI/xray/tree/main/skills/ui-ux-design Command: npx skills add https://github.com/0xRayAI/xray --skill ui-ux-design-0xrayai
This skill solves the challenge of maintaining high-quality design standards, accessibility compliance, and cognitive efficiency in web and mobile interfaces.
Use the ui-ux-design skill to analyze the hero section contrast and validate the mobile responsiveness of the current landing page.
High-intent search queries and answers about installing and using this skill.
To check WCAG 2.1 AA accessibility compliance, you can audit color contrast ratios and touch target sizing. This validation ensures your interface meets the 4.5:1 text-to-background contrast requirement for accessible, user-friendly experiences.
Cognitive load analysis in UI/UX design evaluates layouts against the 3-second rule and Hick's Law to ensure intuitive user experiences. It works by optimizing visual hierarchy to reduce user decision time and cognitive effort.
To generate an accessible design system for mobile-first interfaces, use automated component generation based on design tokens. This creates consistent, accessible structures while validating mobile responsiveness and visual hierarchy optimization.
Yes, you can validate mobile responsiveness and visual hierarchy for your landing page through viewport-specific layout analysis. This process evaluates your hero section against mobile-first principles to ensure high-contrast, user-friendly interfaces.
Yes, design tokens are required to perform a comprehensive UI accessibility audit. The auditing process requires integration with design tokens and viewport-specific layout analysis to accurately validate contrast ratios and component compliance.
The best way to optimize visual hierarchy for accessible web interfaces is combining cognitive load analysis with WCAG 2.1 AA compliance checks. This approach applies Hick's Law and mobile-first principles to create intuitive, high-contrast layouts.
martinholovskyAudit and build user interfaces against web design and UI/UX standards.
omeraltnCreate CSS design systems, responsive layouts, and developer handoff templates.
unthinkmediaAnalyze and quantify cognitive load in UI designs using decision points and information density.
majiayu000Apply cognitive psychology, heuristics, and WCAG 2.2 to evaluate UX.
