skills.rest
hongmaple0820
hongmaple0820COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ux-ui-design-system

Audit interfaces for WCAG 2.2 AA compliance and design consistency.

9|2|Updated Mar 12, 2026
Search Tags:#ui#consistency#accessibility#audit#wcag#ux#design-system
One-click install
npx skills add https://github.com/hongmaple0820/agent-academy --skill ux-ui-design-system
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-ui-design-system
Source: https://github.com/hongmaple0820/agent-academy/tree/main/skills/design/ux-ui-design-system
Command: npx skills add https://github.com/hongmaple0820/agent-academy --skill ux-ui-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill provides a structured approach to evaluating UI/UX quality, accessibility, and design consistency across interfaces, helping teams identify gaps and align on standards.

Core Features & Use Cases

  • Systematic UX audits for WCAG 2.2 AA compliance, design-token usage, and consistency checks.
  • Design system alignment with shadcn-like component patterns and MCP tooling references.
  • Use Case: designers and engineers run recurring audits before releases to ensure accessible, consistent interfaces.

Quick Start

Run a full UI audit on your current project to begin improving accessibility and design consistency.

Frequently Asked Questions about ux-ui-design-system

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

FAQPage Schema
How do I audit my UI for WCAG 2.2 AA compliance?▼

Run a full UI audit to evaluate your interface against WCAG 2.2 AA standards. The process checks color contrast, spacing, and typography, generating an actionable report to identify accessibility gaps and improve usability.

What is a design system audit and how does it improve UI consistency?▼

A design system audit systematically identifies UX accessibility and design quality gaps across interfaces. It enforces design token usage, standardizes spacing, and aligns UI components to ensure consistent practices across web applications and projects.

Can I use this to check accessibility for shadcn-like component patterns?▼

Yes, you can align design systems with shadcn-like component patterns and MCP tooling references. It evaluates UI components across projects to standardize practices, ensuring your specific component library meets accessibility and consistency requirements.

What's the best way to standardize design tokens across web applications?▼

The best way to standardize design tokens is through a systematic UI audit that checks token usage and consistency. This enforces standardized spacing, typography, and color contrast, producing actionable reports to align your interfaces.

Why does my UI fail consistency checks before a release?▼

UI consistency checks fail due to misaligned design tokens, improper spacing, or typography variations. An audit identifies these specific gaps in your UI components, enforcing WCAG 2.2 AA standards and generating actionable steps to resolve them.

Related Skills

Explore More Design & Creative Skills→
ShaheerKhawajaShaheerKhawaja
8

pos-frontend

Audit frontend interfaces for accessibility, consistency, and UX gaps.

Community
Advanced
marpmemarpme
1

i-audit

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

Community
Advanced
SecuVortexSecuVortex

shadcn-ui

Integrate shadcn-ui components into React projects with MCP tooling.

Community
Intermediate
7a336e6e7a336e6e
1

ensuring-accessibility

Ensure WCAG 2.2 AA compliance for UI components and web pages.

Community
Intermediate