skills.rest
alex-voloshin-dev
alex-voloshin-devCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-design

Standardize UI/UX design systems and WCAG 2.2 AA accessibility compliance through structured auditing and documentation workflows.

2|Updated Mar 19, 2026
Search Tags:#ui#accessibility#audit#figma#wcag#ux#design-system
One-click install
npx skills add https://github.com/alex-voloshin-dev/ai-skills --skill ui-ux-design-alex-voloshin-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-design
Source: https://github.com/alex-voloshin-dev/ai-skills/tree/main/.windsurf/skills/ui-ux-design
Command: npx skills add https://github.com/alex-voloshin-dev/ai-skills --skill ui-ux-design-alex-voloshin-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the fragmentation in design systems and accessibility compliance by providing a standardized framework for auditing, documenting, and handing off UI components.

Core Features & Use Cases

  • Design System Governance: Guides the creation of design tokens, atomic components, and documentation to ensure visual and functional consistency.
  • Accessibility Auditing: Provides comprehensive checklists based on WCAG 2.2 AA standards for perceivable, operable, and robust interfaces.
  • Developer Handoff: Offers structured templates for communicating visual specs, interaction patterns, and responsive behavior to engineering teams.

Quick Start

Use the ui-ux-design skill to perform a comprehensive accessibility audit on the current project and generate a report of findings.

Frequently Asked Questions about ui-ux-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I perform a WCAG 2.2 AA accessibility audit on my UI?▼

To perform a WCAG 2.2 AA accessibility audit, this skill applies structured checklists covering perceivable, operable, and robust interface requirements to evaluate components and generate a report of compliance findings.

What is the best way to document design tokens for developer handoff?▼

Documenting design tokens for developer handoff requires structured templates that communicate visual specs, interaction patterns, and responsive behavior to engineering teams. This ensures consistent implementation across web and mobile platforms.

How does design system governance work for maintaining component libraries?▼

Design system governance maintains component libraries by standardizing the creation of design tokens, atomic components, and documentation. This process ensures visual and functional consistency across your interface design.

Can I use this skill to audit both web and mobile interface designs?▼

Yes, you can audit both web and mobile interface designs. The framework applies structured auditing and documentation workflows across web and mobile platforms to verify accessibility compliance and design token implementation.

Do I need Figma to standardize my UI design system?▼

No, you do not need Figma to standardize your UI design system. While Figma is referenced for design workflows, the framework provides structured templates and checklists that apply to component library maintenance and handoff independently.

Related Skills

Explore More Design & Creative Skills→
idontcarlidontcarl

figma-implement-design

Convert Figma designs into UI code with design-token integration.

Community
Advanced
zzafergokzzafergok
1

ui-design-system

Generate design tokens and document components for scalable UI systems.

Community
Intermediate
viktorbezdekviktorbezdek
10

frontend-design

Create accessible, responsive UI design systems with Tailwind CSS, Radix UI, and shadcn/ui.

Community
Advanced
89jobrien89jobrien
4

web-accessibility

Audit web content for WCAG 2.1/2.2 conformance and accessibility issues.

Community
Advanced