What is design-tokens?
Design system foundation. Colors, typography, spacing. Single source of truth. No raw values. Source: soborbo/claudeskills.
Design system foundation. Colors, typography, spacing. Single source of truth. No raw values.
Quickly install design-tokens AI skill to your development environment via command line
Source: soborbo/claudeskills.
Foundation layer for all UI. Every visual property comes from here.
This skill is the ONLY source for visual tokens. All UI skills consume from here. No local overrides.
| Semantic | primary-, accent, neutral- | Use in components | | Utility | spacing., font-, shadow- | Internal mapping only |
Design system foundation. Colors, typography, spacing. Single source of truth. No raw values. Source: soborbo/claudeskills.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/soborbo/claudeskills --skill design-tokensDesign system foundation. Colors, typography, spacing. Single source of truth. No raw values. Source: soborbo/claudeskills.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/soborbo/claudeskills --skill design-tokens Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/soborbo/claudeskills