What it does. Typography is mostly restraint: a sensible scale, comfortable spacing, enough contrast. A label, a table cell, a marketing headline and an article paragraph do not share one set of rules.
When reviewing, read the rendered page instead of scanning the code. Bad wrapping, widows and truncation only show up at real content lengths.
Highlights
text-wrap: balance
distributes text evenly across lines. Use it on headings.text-wrap: pretty
stops a single short word landing on the final line. Use it on descriptions.overflow-wrap: break-word
where a long word, link, or ID could escape the container.white-space: nowrap
on labels and badges where a line break looks broken.- Curly quotes in prose, straight quotes in code.
When to use it. Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.
Install
npx skills add jakubkrehel/skills --skill better-typography
Or copy the skill folder manually:
git clone https://github.com/jakubkrehel/skills.git
cp -r skills/skills/better-typography/ ~/.claude/skills/better-typography
Source: jakubkrehel/skills — 4,765 stars, MIT, last pushed 2026-08-29.
