chi-tokens
OfficialAccess Chi design tokens
AuthorCenturyLink
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides easy access to the design tokens used within the Chi design system, enabling developers to understand and utilize the system's foundational values for colors, typography, spacing, and more.
Core Features & Use Cases
- Token Discovery: Quickly find and understand the meaning and values of various design tokens.
- Thematic Awareness: Differentiate between global tokens and theme-specific overrides.
- Use Case: A designer needs to know the exact pixel value for the
base-unitspacing token to ensure consistency across a new component. They can ask the AI, which will then provide the SCSS variable, its computed pixel value, and its definition.
Quick Start
Ask the AI to list all available color tokens.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: chi-tokens Download link: https://github.com/CenturyLink/Chi/archive/main.zip#chi-tokens Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.