Extracts Chi Design System tokens from SCSS files and categorizes them by type.
npx skills add https://github.com/CenturyLink/Chi --skill chi-tokens
Please help me install this Agent Skill. Skill: chi-tokens Source: https://github.com/CenturyLink/Chi/tree/main/.cursor/skills/chi-tokens Command: npx skills add https://github.com/CenturyLink/Chi --skill chi-tokens
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.
base-unit spacing 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.Ask the AI to list all available color tokens.
High-intent search queries and answers about installing and using this skill.
To find specific SCSS design tokens for the Chi design system, you can query the AI for categories like colors, typography, spacing, shadows, breakpoints, or z-index values. The tool scans SCSS source files to extract and categorize these foundational variables for your components.
Design tokens are foundational SCSS variables that store visual style values like colors, typography, and spacing. This tool scans and categorizes these tokens from the Chi design system, enabling developers to maintain UI consistency by querying computed pixel values and definitions.
Yes, you can retrieve theme-specific design token overrides for Chi components. The tool differentiates between global design tokens and theme-specific overrides, allowing you to understand exact pixel values and variable definitions applied under different themes.
You can list all available color and spacing variables by asking the AI to query or list specific token categories. It scans the SCSS source files to provide categorized lists of colors, typography, spacing, shadows, breakpoints, and z-index values.
No, this tool does not require any specific dependencies to scan SCSS variables. It operates independently to extract and provide information about Chi design system tokens directly from the source files without needing external setup.
theodrosyimerSynchronize design tokens between Figma and local DTCG JSON files.
managedcodeConfigure and run Stylelint validation on CSS/SCSS assets in .NET web projects.
lemuStandardize typography, color, spacing, and iconography into design tokens and guidelines.
stribusExtract and normalize design tokens from CSS and theme files into structured documentation.