Jakub KrehelThe typographic details that hold up across a whole product rather than on one hero section.
In the author’s words
Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.
The description field from SKILL.md, quoted as written.
Read it before you install it
SKILL.md · 157 lines
Install on its own
Or add it to your stack above and install everything at once.
npx skills add https://github.com/jakubkrehel/skills --skill better-typographyTrust audit
View the source ↗- Checked automatically and confirmed.
- Resolved (HTTP 200), passed
- Checked automatically and confirmed.
- Transcribed from the author's own page, passed
- Checked automatically and confirmed.
- Last updated 17 days ago, passed
- Checked automatically and confirmed.
- Credited to Jakub Krehel, passed
Goes well with
apple-design
Apple's interface and motion principles, translated for the web.
Distilled from the WWDC design talks. Gesture-driven UI, spring physics, interruptible transitions, translucent materials, optical sizing and the restraint underneath all of it.
npx skills add https://github.com/emilkowalski/skills --skill apple-design
Calligraph
Fluid text transitions powered by Motion.
Raphael SalajaMotionTypographyText that changes without the usual crossfade-and-hope.
https://calligraph.raphaelsalaja.com
kugiri
Splits text where the browser already broke it.
Edoardo LunardiTypographyMotionLines, words and characters at the real break points, which is what makes staggered text reveals survive a resize.
https://edoardolunardi.github.io/kugiri/
Emil Kowalski