Create brand-consistent, accessible UX designs with color tokens and WCAG 2.2 AA checks.
npx skills add https://github.com/saajunaid/junai --skill ux-design-saajunaid
Please help me install this Agent Skill. Skill: ux-design Source: https://github.com/saajunaid/junai/tree/main/.github/skills/frontend/ux-design Command: npx skills add https://github.com/saajunaid/junai --skill ux-design-saajunaid
Design teams struggle to maintain brand color systems and accessibility compliance while delivering high-quality UI experiences.
Design a brand-consistent UI for a new analytics dashboard following WCAG accessibility standards.
High-intent search queries and answers about installing and using this skill.
Design accessible dashboards by applying structured brand color tokens, layout patterns, and semantic structure to meet WCAG 2.2 AA standards for contrast, focus, and hierarchy. It provides step-by-step guidance for KPI cards, charts, and responsive layouts.
Maintain brand consistency by defining a structured design process using brand color tokens and typography rules. This ensures uniform visuals across component libraries, marketing pages, and apps without manual color adjustments.
Structure information architecture for KPI cards and charts using defined UI patterns that establish clear visual hierarchy and usability. It includes styling guidance for charts and responsive layouts.
Yes, you can create a component library with accessibility checks. It embeds accessibility rules for contrast, focus, and semantic structure directly into the design process, covering layout patterns and color token usage.
Yes, this design process works for responsive layouts across devices. It provides guidance for designing KPI cards, charts, and layouts that remain accessible and on-brand regardless of screen size.
Accessibility compliance rules applied to UI design patterns include WCAG 2.2 AA standards for color contrast, focus management, and semantic structure. These checks are embedded directly within the design guidance.
mrodrigues1Define visual design systems using typography, color, spacing, and iconography.
veerababumanyamGenerate production-grade frontend interfaces with design-system tokens and reusable components.
RamonsDkaTranslate design intent into accessible, responsive HTML/CSS/JS UI components.
Colten-CovingtonAudit web content for WCAG 2.2 AA compliance and assistive technology compatibility.
