Design tokens
Generate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic → component).
Catalog record
Installable source artifact
This page explains the direction locally, then links to the exact upstream artifact and its verified install command.
What this gives you
A clearer brief for the agent.
Turns design intent into reusable tokens, components, states, and constraints.
Expected result
A UI language that stays consistent while the product grows.
Use it when
You are defining foundations or fixing repeated UI drift across screens.
Source repository stars
502
Source repository · verified 2026-08-17
Install status
Installable source artifact
design-tokens · Skills CLI
Install this skill with one command.
This exact source artifact can be installed in your project with the Skills CLI.
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill design-tokensSkill name: design-tokens · installs into the agent directory selected by the CLI.
Related directions