home/categories/design/darkroomengineering-cc-settings-skills-design-tokens-skill-md
designcontent-media

design-tokens

Use when: - User asks for "design tokens", "type scale", "color palette", "spacing system" - Setting up a new project's design system or theme - User needs WCAG-compliant color combinations - User wants dark mode colors derived from a light palette - Building a Tailwind config or CSS custom properties - User asks for "theme setup", "design system", "color scale"

darkroomengineering
maintainer
darkroomengineering
Updated 4/9/2026
Stars
19
Forks
1
quick start

Installation and usage

Use when: - User asks for "design tokens", "type scale", "color palette", "spacing system" - Setting up a new project's design system or theme - User needs WCAG-compliant color combinations - User wants dark mode colors derived from a light palette - Building a Tailwind config or CSS custom properties - User asks for "theme setup", "design system", "color scale"

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use design-tokens