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:
1---2name: typography3description: Typography4---56# /typography78Generates 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).910## When to use1112- The user wants to formalize their typography system13- The user asks for a "type scale", "font tokens", or "type tokens"14- After /scan detects a type ratio, to extract it as reusable tokens1516## Output1718One file per run. Format chosen automatically from the stack, override with `--format`:19- `css` → `:root { --font-size-xs: ... }`20- `tailwind` → `module.exports = { theme: { extend: { fontSize: { ... } } } }`21- `js` → `export const fontSize = { xs: '...', ... }`2223Default dir: `src/styles/`. Override with `--dir`.2425## Run it2627```28dragoon typography # preview29dragoon typography --apply # write30dragoon typography --format js --apply31dragoon typography --dir src/tokens --apply32```
Run npx skillmds@latest add dragoon0x/typography in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Typography It is listed under Design & Media on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
dragoon0x (@dragoon0x) published this skill. Their other Agent Skills are listed on their SkillMD profile.