·design-tokens
</>

design-tokens

Design system foundation. Colors, typography, spacing. Single source of truth. No raw values.

5Installs·0Trend·@soborbo

Installation

$npx skills add https://github.com/soborbo/claudeskills --skill design-tokens

How to Install design-tokens

Quickly install design-tokens AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/soborbo/claudeskills --skill design-tokens
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: soborbo/claudeskills.

SKILL.md

View raw

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.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/soborbo/claudeskills --skill design-tokens
Category
</>Dev Tools
Verified
First Seen
2026-02-25
Updated
2026-03-10

Browse more skills from soborbo/claudeskills

Quick answers

What is design-tokens?

Design system foundation. Colors, typography, spacing. Single source of truth. No raw values. Source: soborbo/claudeskills.

How do I install design-tokens?

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

Where is the source repository?

https://github.com/soborbo/claudeskills