← Back to Catalog
Agent Skill

design-tokens

DTCG design tokens compiled to CSS, DESIGN.md, and visual previews.

design-tokens

Set up, validate, resolve, and export design tokens following the DTCG (Design Tokens Community Group) Format Module 2025.10 standard. Define a set globally or per project and compile it.

This skill moved. design-tokens now ships in the humane plugin — a design method cycle where it sits alongside the skills it hands off to.

npx skills add glebis/humane-agentic-design

In Claude Code:

/plugin marketplace add glebis/humane-agentic-design
/plugin install humane@humane-agentic-design

What it does

DTCG design tokens, CSS export, and APCA/WCAG contrast checking.

Why it moved

A skill published from two repositories drifts, and this one had. The copy that used to live here was frozen in 2026-07 and was missing the executable tokens contrast command.

Keeping it installable would have meant running the old behaviour while reading the current documentation — so this page now points at the maintained version instead of shipping a second one.