design-system

Audit design systems for naming consistency and document token gaps.

1|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/cy-wali/knowledge --skill design-system-cy-wali
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-system
Source: https://github.com/cy-wali/knowledge/tree/main/design/skills/design-system
Command: npx skills add https://github.com/cy-wali/knowledge --skill design-system-cy-wali

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Teams often struggle to keep design tokens, components, and patterns consistent as the product portfolio grows, leading to duplication and confusion.

Core Features & Use Cases

  • Audit naming consistency across tokens and components to prevent drift.
  • Document tokens, components, variants, and accessibility notes for all products.
  • Extend the system by proposing new patterns that fit the existing rules and governance.

Quick Start

Audit your design system for naming consistency and document gaps to extend patterns.

Frequently Asked Questions about design-system

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

FAQPage Schema
How do I audit my design system for naming consistency and token coverage?

To audit your design system, you evaluate naming consistency across tokens and components to prevent drift and identify gaps. This process ensures tokens and variants are documented properly, enforcing consistency across web and mobile interfaces.

What is the best way to document design tokens and component variants?

The best way to document design tokens and component variants is by using structured documentation templates that capture accessibility notes and extension pathways. This approach ensures all products have consistent governance records for components and patterns.

How do I extend a design system without breaking existing governance rules?

You can extend a design system by proposing new patterns that fit the existing rules and governance checklists. This ensures newly added tokens and components maintain naming consistency and align with established accessibility documentation standards.

Can I document accessibility notes for both web and mobile interfaces in one system?

Yes, you can document accessibility notes for both web and mobile interfaces within a single design system. The documentation process supports capturing variants and tokens across different platforms to maintain unified accessibility standards.

Why does my design system suffer from token and component duplication as products grow?

Token and component duplication occurs because teams lack consistent governance checklists and documentation templates as the product portfolio grows. Auditing naming consistency and documenting gaps helps prevent this drift and confusion across products.

What should be included in design system governance checklists to prevent pattern drift?

Design system governance checklists should include naming consistency audits for tokens, documentation for component variants, accessibility notes, and extension pathways. These elements ensure patterns remain consistent and prevent duplication across the portfolio.