Summary
Bridges the gap between design tokens in JSON and the dozen platform formats your app actually needs. Takes W3C DTCG source files and runs them through Style Dictionary or Tokens Studio to spit out CSS variables, Tailwind v4 theme configs, typed TypeScript, iOS asset catalogs, Android XML, and Compose theme code. The smart bit is the resolution logic: it collapses aliases per platform, only emits semantic and component tokens (keeps primitives internal), and outputs dark mode or brand variants as deltas instead of duplicating everything. Includes CI wiring so commits fail if someone edits tokens but forgets to regenerate. Honestly most useful when you have designers working in Figma Tokens Studio and engineers who refuse to hand-write theme files for six platforms.
Install to Claude Code
npx -y skills add plugin87/ux-ui-agent-skills --skill token-build --agent claude-codeInstalls into .claude/skills of the current project.
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Files
SKILL.md
Select a file.
Featured
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
