🎨 Design

better-typography

Name: better-typography
Author: jakubkrehel

by jakubkrehel1 month ago4.8k

Web typography. Use when picking or pairing typefaces, setting up a type scale, or styling and truncating text in components. Triggers on typography, font loading, woff2, variable fonts, opentype features, type scale, heading hierarchy, line-height, letter-spacing, measure, text-wrap, truncation, tabular numbers, underlines, text selection, iOS input zoom, font smoothing, smart punctuation, text-box, drop cap.

Install

npx skills add https://github.com/jakubkrehel/skills --skill better-typography

Show step-by-step

1
Open your terminal
- Mac: Press ⌘ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
2
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).
3
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives

~/.claude/skills/jakubkrehel--skills--skills--better-typography/
├── SKILL.md
└── ... (skill resource files)

View on GitHub

Comments

X@jakubkrehel

"In a recent article, I wrote about using skills to encode judgement and understanding into agents. I put together a set of skills that each focus on a..."