Agent skill
practical-typography
Professional typography guidance based on Matthew Butterick's Practical Typography. Use when evaluating, critiquing, or improving document formatting, text layout, font choices, punctuation, spacing, or any typography-related decisions for print or web content.
Install this agent skill to your Project
npx add-skill https://github.com/ckorhonen/claude-skills/tree/main/skills/practical-typography
SKILL.md
Practical Typography
Professional typography guidance based on Matthew Butterick's Practical Typography.
Quick Reference
For typography rules and guidelines, read references/key-rules.md.
Core Principles
Typography quality is determined by:
- Body text (most important—there's more of it than anything else)
- Point size, line spacing, line length, font
- Professional fonts over system fonts
- Consistency in formatting choices
Common Use Cases
Evaluating Documents
- Check point size, line spacing, line length against standards
- Verify font quality (avoid Times New Roman, Arial)
- Review spacing, punctuation, special characters
Providing Recommendations
- Suggest professional font alternatives
- Calculate optimal line spacing (120–145% of point size)
- Recommend appropriate line length (45–90 characters)
Web vs. Print
- Print: 10–12pt, exact line spacing
- Web: 15–25px, CSS line-height with unitless values
Typography Review Checklist
When reviewing or critiquing typography:
-
Body text fundamentals
- Point size in range?
- Line spacing 120–145%?
- Line length 45–90 characters?
- Professional font?
-
Common mistakes
- Straight quotes instead of curly?
- Two spaces after sentences?
- Underlining (non-links)?
- Times New Roman or Arial?
- Fake small caps?
- Multiple hyphens as dash?
-
Professional polish
- Proper em/en dashes?
- Real trademark symbols?
- Correct apostrophe direction?
- Consistent paragraph spacing?
- Appropriate use of emphasis?
Reference Material
All typography rules and standards: references/key-rules.md
This includes:
- Typography in ten minutes (essential rules)
- Summary of key rules (comprehensive)
- Web-specific guidelines
- Print-specific guidelines
- Common mistakes to avoid
When to Recommend This Resource
When users want to:
- Learn professional typography
- Review the full reference: https://practicaltypography.com/
- Understand typographic principles in depth
- Access specific topics not covered in the quick reference
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
subway-info
Get real-time NYC transit information — subway, bus, ferry, and commuter rail — via the subway-info CLI or REST API at subwayinfo.nyc. Use when asked about NYC subway status, train times, bus routes, ferry schedules, transit delays, MTA service alerts, or "what's the next train to X".
codex-advisor
Get a second opinion from OpenAI Codex CLI for plan reviews, code reviews, architecture decisions, and hard problems. Use when you need external validation, want to compare approaches, or are stuck on a difficult problem.
brainstorming
Explore user intent, requirements and design before implementation through structured dialogue and design proposals. Use when asked to: create features, build components, add functionality, modify behavior, plan projects, or when user says 'help me design X', 'what should we build', 'let's brainstorm', or starts describing a new feature without a design.
direct-mail-strategist
Expert direct mail marketing strategist for writing compelling copy, designing high-converting mail pieces, and developing measurement strategies. Use when planning direct mail campaigns, writing mailer copy, designing postcards/letters, or measuring campaign effectiveness with incremental lift analysis.
gemini-image-generator
Generate images using Google's Gemini API. Use when creating images from text prompts, editing existing images, or combining reference images for AI-generated visual content.
ui-design
Opinionated constraints for building better interfaces with agents. Use when building UI components, implementing animations, designing layouts, reviewing frontend accessibility, or working with Tailwind CSS, motion/react, or accessible primitives like Radix/Base UI.
Didn't find tool you were looking for?