skills.rest
williamzujkowski
williamzujkowskiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

UX Design System Validator

Validate design system artifacts for WCAG 2.2 AA accessibility, tokens, and responsiveness.

6|Updated Oct 25, 2025
Search Tags:#accessibility#a11y#validation#wcag#design-systems#responsiveness#token-validation
One-click install
npx skills add https://github.com/williamzujkowski/cognitive-toolworks --skill ux-design-system-validator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: UX Design System Validator
Source: https://github.com/williamzujkowski/cognitive-toolworks/tree/main/skills/frontend-designsystem-validator
Command: npx skills add https://github.com/williamzujkowski/cognitive-toolworks --skill ux-design-system-validator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Validates design systems to ensure accessibility compliance (WCAG 2.2 AA), token governance, and responsive behavior across platforms, enabling teams to ship reliable, accessible UI.

Core Features & Use Cases

  • WCAG 2.2 AA/AAA validation across components, tokens, and layouts
  • Design token consistency checks and semantic layering guidance
  • Responsive design pattern verification and cross-platform guidance
  • Deterministic validation with structured remediation planning

Quick Start

Provide design system artifacts and receive a structured validation report.

Frequently Asked Questions about UX Design System Validator

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

FAQPage Schema
How do I validate a design system for WCAG 2.2 AA compliance?▼

To validate design system components for WCAG 2.2 AA compliance, provide your component library or design token artifacts to receive a structured validation report identifying accessibility failures and offering remediation planning.

What is design token validation and how does it check semantic layering?▼

Design token validation checks consistency across token sets and provides semantic layering guidance to ensure tokens are properly structured and governed across web, iOS, and Android platforms.

Can I check responsive design patterns across web, iOS, and Android?▼

Yes, you can verify responsive design patterns across web, iOS, and Android by providing multi-platform guidelines and component layouts to check cross-platform responsive behavior and conformance.

Does this validation process support both component libraries and design token sets?▼

Yes, the validation process supports both component libraries and design token sets, applying a deterministic workflow to ensure conformance to WCAG 2.2 AA standards and token schema rules across your artifacts.

How do I get structured remediation planning for accessibility failures?▼

You receive structured remediation planning for accessibility failures by submitting your design system repository artifacts for deterministic validation, which outputs a structured report detailing failures and recommended fixes.

Related Skills

Explore More Design & Creative Skills→
jidohyunjidohyun
17

ui-ux-pro-max

Generate design tokens, patterns, and accessibility guidelines for web and mobile interfaces.

Community
Advanced
nachopalmerinachopalmeri

audit

Audit frontend interfaces for accessibility, performance, theming, and responsive design issues.

Community
Advanced
mauriciodelriomauriciodelrio
3

design-system-build-components-rules

Automate React design system component creation with token-driven dimensions and WCAG 2.2 AA rules.

Community
Advanced
89jobrien89jobrien
4

web-accessibility

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

Community
Advanced