What problem does it solve?
This Skill helps teams align their design work with established or new design systems, ensuring consistency, accessibility, and systematic thinking across projects.
Core Features & Use Cases
- System Inventory and Audit: Catalog existing tokens, components, patterns, and documentation to identify gaps.
- Token Architecture Design: Structure and organize design tokens into global, semantic, and component levels for scalable reuse.
- Component Documentation: Provide clear specifications including purpose, variants, states, accessibility, and token usage with illustrative examples.
- Accessibility Evaluation: Verify contrast, keyboard navigation, screen reader compatibility, and focus management to meet WCAG standards.
- Workflow Integration: Support documentation, versioning, and migration efforts to embed the design system into development processes.
- Naming Conventions: Establish consistent naming schemes for components and tokens to improve learnability and maintainability.
- Compliance and Safety: Ensure components adhere to accessibility, security, and usability criteria before implementation.
- Communication and Adoption: Facilitate stakeholder understanding through comprehensive, embedded documentation and guidelines.
Quick Start
Review the existing design components and tokens to prepare for your system audit and documentation process.
