tokens

What problem does it solve?

This Skill addresses the critical need for robust governance in design systems, ensuring consistency, maintainability, and clear communication through documentation, versioning, and token management.

Core Features & Use Cases

• Design Token Management: Defines a clear hierarchy (Global, Semantic, Component) and categories for design tokens (color, spacing, typography, etc.), ensuring a unified visual language.
• Component Documentation Standards: Outlines a comprehensive structure for documenting individual components, including usage, variants, props, states, accessibility, and changelogs.
• Versioning and Deprecation: Establishes clear guidelines for semantic versioning and a phased deprecation process for components and tokens to manage breaking changes effectively.
• Use Case: A team can use this Skill to define and enforce standards for their design system, ensuring all new components and tokens are properly documented, versioned, and integrated, preventing design and development inconsistencies.

Quick Start

Use the tokens skill to document the new 'Avatar' component according to the defined standards.