# Typography

> Typography

- Skill: `dragoon0x/typography` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add dragoon0x/typography`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/typography/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/typography

---


# /typography

Generates a 9-step type scale (xs / sm / base / md / lg / xl / 2xl / 3xl / 4xl) anchored on 16px, using the ratio detected by /scan (or a sensible default if none was found).

## When to use

- The user wants to formalize their typography system
- The user asks for a "type scale", "font tokens", or "type tokens"
- After /scan detects a type ratio, to extract it as reusable tokens

## Output

One file per run. Format chosen automatically from the stack, override with `--format`:
- `css` → `:root { --font-size-xs: ... }`
- `tailwind` → `module.exports = { theme: { extend: { fontSize: { ... } } } }`
- `js` → `export const fontSize = { xs: '...', ... }`

Default dir: `src/styles/`. Override with `--dir`.

## Run it

```
dragoon typography                           # preview
dragoon typography --apply                   # write
dragoon typography --format js --apply
dragoon typography --dir src/tokens --apply
```