Typography Expert
This is the typographer you want when you're setting up a design system or shipping a content-heavy site. It covers the practical stuff: modular type scales with actual ratios, variable font implementation with dark mode compensation tricks, font loading strategies to stay under performance budgets, and OpenType feature syntax. The pairing rules are solid (contrast not conflict, same designer, superfamily shortcut), and it calls out real anti-patterns like ignoring x-height matching for CLS or loading 800KB font files when you need 30KB. Pairs naturally with design system work. If you're picking between Inter and Roboto or figuring out why your headings look weird in dark mode, this handles it.
- skills.sh installs
- 202
- GitHub stars
- 113
- last updated
- Jun 3, 2026
Install
$ npx -y skills add erichowens/some_claude_skills --skill typography-expert --agent claude-codeInstalls into .claude/skills of the current project.
Files
Typography Expert
Written by someone who picks type for a living. The goal of this skill is breadth and taste, not a blessed shortlist. There is never one right typeface — there is a right register, and several good faces that hit it at different budgets. If you reach for the same four fonts every time, you are not choosing; you are defaulting. Stop defaulting.
When to Use This Skill
✅ Use for:
- Font selection and pairing driven by mood / era / industry / register, not by habit
- Typographic hierarchy and tokens for design systems
- Type scales (modular ratios, fluid
clamp()) - Variable-font integration and axis control (
wght,wdth,opsz,slnt,GRAD) - Web-font performance (subsetting,
font-display, self-host vs CDN,size-adjustfallback metrics to kill CLS) - OpenType feature implementation (ligatures, small caps, numerals, stylistic sets)
- Licensing decisions (OFL vs commercial EULA; desktop/web/app; trial fonts)
- Accessibility for type (WCAG contrast, minimum sizes, zoom, line/letter spacing)
- Dark-mode typographic compensation
- Multilingual support (RTL, CJK, diacritics, character-set coverage)
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/erichowens/some_claude_skills
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from erichowens/some_claude_skills
All 73- Admin Dashboard200
- Data Viz 2025198
- Geospatial Data Pipeline197
- Sound Engineer182
- Document Generation Pdf172
- Crisis Response Protocol163
- Refactoring Surgeon161
- Agent Creator158
- Dark Mode Design Expert155
- Computer Vision Pipeline153
- Ux Friction Analyzer152
- Wisdom Accountability Coach152
- Fullstack Debugger148
- Hand Drawn Infographic Creator148
- Partner Text Coach148
- Job Application Optimizer147
- Tech Entrepreneur Coach Adhd147
- Neobrutalist Web Designer146
- Color Contrast Auditor144
- Project Management Guru Adhd143
- 2026 Legal Research Agent142
- Drone Cv Expert139
- Adhd Design Expert137
- Diagramming Expert135
Recommended
More Design & UI/UX
elegant-designrand/cc-polymathCreate world-class, accessible, responsive interfaces with sophisticated interactive elements including chat, terminals, code display, and streaming content. Us184skills.sh installs
design-brief-generatorjamesrochabrun/skillsGenerate comprehensive design briefs for design projects. Use this skill when designers ask to "create a design brief", "structure a design project", "define de178skills.sh installs
storybook-component-documentationthebushidocollective/hanUse when creating or improving component documentation in Storybook. Helps generate comprehensive docs using MDX, autodocs, and JSDoc comments.165skills.sh installs