ckorhonen/practical-typography
skills/practical-typography/SKILL.md
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 --global
skillsauthnpx skillsauth add ckorhonen/claude-skills practical-typographyInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 4, 2026, 3:21 PM7.0s2 files scanned
SKILL.md
- name:
- practical-typography
- description:
- 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.
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
Related Skills
ckorhonen/idea-md
documentation
VerifiedTrustedCommunity
Create or expand an Idea.md / IDEA.md file from a rough description, existing repo, conversation history, notes, or other early-stage product inputs. Use when the user asks to "write an Idea.md", "turn this into an idea file", "capture this product idea", "expand this concept", or wants a repo-grounded concept brief before validation, PRD, or implementation work.
3SKILL.mdUpdated Apr 20, 2026
ckorhonen/writing-plans
development
VerifiedTrustedCommunity
Write structured implementation plans from specs or requirements before touching code. Use when given a spec, requirements doc, or feature description, when user says "plan this out", "write a plan for", "how should we implement", or before starting any multi-step coding task.
2SKILL.mdUpdated Apr 4, 2026
ckorhonen/video-editor
testing
VerifiedTrustedCommunity
Expert guidance for video editing with ffmpeg, encoding best practices, and quality optimization. Use when working with video files, transcoding, remuxing, encoding settings, color spaces, or troubleshooting video quality issues.
2SKILL.mdUpdated Apr 4, 2026
ckorhonen/ui-design
development
VerifiedTrustedCommunity
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.
2SKILL.mdUpdated Apr 4, 2026