gsp-typography

Installation
SKILL.md

This is a standalone composable skill. It works two ways:

  1. Standalone — user runs /gsp-typography directly for type scale generation, font pairing, or full system design
  2. As a building block — the creative-director invokes /gsp-typography --enrich to add technical precision to creative typeface choices

Visual companion: https://typescale.com/ — users can preview ratios interactively there, then feed the values here.

Input: Font families + ratio, --enrich, --list-ratios, --preview, --from-style, or interactive Output: typography.md foundation chunk + CSS file (Tailwind or vanilla) Agent: None — inline skill, mathematical scale generation

<execution_context> @${CLAUDE_SKILL_DIR}/chunk-format.md </execution_context>

Input Mode Domain
"Inter" --ratio 1.25 Direct scale domains/scale.md
--from-style cyberpunk From style preset domains/scale.md
--list-ratios List ratios domains/scale.md
--preview "Inter" --ratio 1.25 Preview scale domains/scale.md
--enrich Enrich existing typography domains/pairing.md
(no args) Interactive full system domains/system.md

Step 1: Load domain

Read the domain file from ${CLAUDE_SKILL_DIR}/domains/{domain}.md.

For scale modes, also read ${CLAUDE_SKILL_DIR}/references/typography-scales.md.

Step 2: Follow domain framework

Execute the loaded domain's workflow. The domain file contains all rules, formulas, tables, and output specifications.

Step 3: Write output

Write typography.md + optional CSS file to the resolved output path. Display scale summary and offer next steps.

Related skills
Installs
14
GitHub Stars
34
First Seen
Apr 11, 2026