✍️
Frontend

Typography

by danium

Typography is a Frontend skill for Claude Code, published by danium in practicaltypography.

24 stars1 forkson danium/practicaltypographyAdded 2026/08/11+100% in starsRepository updated 2026/08/05
ai-agentsclaude-codeclaude-skillsskillstypography
Install in seconds
Install Typography
Copy Typography into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/danium/practicaltypography/tree/main/skills/typography ~/.claude/skills/typography

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/danium/practicaltypography.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
skills/typography/SKILL.md in danium/practicaltypography
Installs to
~/.claude/skills/typography
Collection
The only skill cataloged from this repository
Category
Frontend567 skills

What Typography does

Provides typography rules based on Practical Typography for styling and reviewing text in any medium. Use when auditing or improving readability of web pages, documents, slides, or emails.

Typography is cataloged under Frontend on DirSkills. Typography comes from a repository tagged ai-agents, claude-code, claude-skills, skills and typography.

Documentation

README

Typography

Distilled from Butterick's Practical Typography (practicaltypography.com). Master criterion: good typography reinforces the meaning of the text — it conserves the reader's finite attention. Body text first: most of any page is body text, and four decisions dominate it — point size, line spacing, line length, font. Every rule here is a range with many right answers, and a benchmark rather than a gate: deviate for a reason, never from habit, and when in doubt move toward the benchmark.

Scope — rules attach to text roles

The big-four ranges are calibrated for body text at reading distance. Other roles have their own numbers; applying body ranges to display or slide type is itself a violation.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Typography

  • How does Typography compare to other Frontend skills?

    Typography ranks #555 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Typography against them. Open each page to compare what they document and how they install.