design-token-generation

Installation
SKILL.md

Typographic design token generation

Tokens are how a type scale survives contact with a codebase. A scale that isn't enforced is a suggestion.

1. When to invoke

  • Turning a type scale into tokens, CSS variables, or theme config.
  • Naming typographic tokens.
  • Exporting type across platforms (web, iOS, Android).
  • A token set has accumulated arbitrary values, or design and code disagree.

Do not invoke to design the scale (hierarchy-and-scale) or choose the face (typeface-selection). Tokenize decisions already made.

2. Required context

Installs
16
GitHub Stars
2
First Seen
Sep 24, 2026