Agent Skills: typography-system

Build or repair a typography system: a modular type scale, font choices and loading, hierarchy, line-height/line-length, and fluid sizing — delivered as tokens (Tailwind fontSize config or CSS variables) applied to real components. Use when the user says 'the text looks off', 'fonts are inconsistent', 'headings don't stand out', 'pick fonts for me', 'it's hard to read', 'too many font sizes', or when an audit finds font-size sprawl. Chooses the scale ratio from product density (dense app vs marketing vs editorial), verifies contrast and measure, and produces the type tokens plus a migration map from existing rogue sizes.

ID: sanky369/vibe-building-skills/typography-system

Install this agent skill to your local

npx skills add sanky369/vibe-building-skills --skill typography-system

Skill Files

The files that make up typography-system.

Download Skill

More agent skills