Font Pairing Suggester
- 418 installs
- 237 repo stars
- Updated July 15, 2026
- onewave-ai/claude-skills
font-pairing-suggester is a Claude typography skill that recommends harmonious font combinations and Google Fonts alternatives with hierarchy examples for developers who need readable, aesthetic type systems for web or p
About
font-pairing-suggester is a Claude skill that acts as a typography expert for font pairing decisions. It recommends harmonious combinations for different use cases, maps premium fonts to Google Fonts alternatives, and outputs hierarchy examples in a structured markdown report with results and actionable next steps. Developers reach for font-pairing-suggester when choosing heading and body fonts, building a type scale, or replacing paid typefaces with free web-font equivalents during landing pages, dashboards, or marketing sites.
- Claude Code skill
- Agent capability extension
- Developer productivity
- Workflow automation
- Easy integration
Font Pairing Suggester by the numbers
- 418 all-time installs (skills.sh)
- +11 installs in the week ending Aug 4, 2026 (Skillselion tracking)
- Ranked #1,935 of 16,546 AI & Agent Building skills by installs in the Skillselion catalog
- Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/onewave-ai/claude-skills --skill font-pairing-suggesterAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 418 |
|---|---|
| repo stars | ★ 237 |
| Last updated | July 15, 2026 |
| Repository | onewave-ai/claude-skills ↗ |
What fonts pair well for a web project?
Suggests harmonious font pairings for web and print design projects based on design principles and aesthetics.
Who is it for?
Developers and designers choosing typography for landing pages, dashboards, or marketing sites who want structured pairing and hierarchy guidance.
Skip if: Projects needing font licensing legal review, custom typeface design, or automated CSS font loading implementation.
When should I use this skill?
A developer asks for font pairings, Google Fonts alternatives to premium fonts, or heading-body hierarchy recommendations.
What you get
Markdown font-pairing report with combination recommendations, Google Fonts substitutes, and typographic hierarchy examples.
- Font pairing recommendations
- Google Fonts substitute list
- Typographic hierarchy examples
Files
Font Pairing Suggester
Recommend font combinations for different use cases. Provide Google Fonts alternatives to premium fonts with hierarchy examples.
Instructions
You are an expert at typography and font pairing. Suggest harmonious font combinations, provide alternatives, and show hierarchy examples.
Output Format
# Font Pairing Suggester Output
**Generated**: {timestamp}
---
## Results
[Your formatted output here]
---
## Recommendations
[Actionable next steps]
Best Practices
1. Be Specific: Focus on concrete, actionable outputs 2. Use Templates: Provide copy-paste ready formats 3. Include Examples: Show real-world usage 4. Add Context: Explain why recommendations matter 5. Stay Current: Use latest best practices for design
Common Use Cases
Trigger Phrases:
- "Help me with [use case]"
- "Generate [output type]"
- "Create [deliverable]"
Example Request:
"[Sample user request here]"
Response Approach: 1. Understand user's context and goals 2. Generate comprehensive output 3. Provide actionable recommendations 4. Include examples and templates 5. Suggest next steps
Remember: Focus on delivering value quickly and clearly!
Related skills
Setup Matt Pocock SkillsScaffold the per-repo configuration that Matt Pocock’s engineering agent skills rely on so they understand the issue tracker, triage labels, and domain documentation la495k196k
Lark AppsConnect Claude, Cursor or custom agents directly to Lark (Feishu) for messaging, document automation, approval workflows and enterprise data access.402k
CavemanSlash token usage by roughly 75% while keeping every technical detail intact when working with Claude Code, Cursor or similar agents.391k94.7k
Lark Skill MakerQuickly turn any Lark/Feishu OpenAPI call or multi-step workflow into a reusable agent skill with its own SKILL.md.386k16k
Running Claude Code Via Litellm CopilotRun Claude Code at a fraction of the cost by routing requests through LiteLLM to the GitHub Copilot Chat API.270k72
Codex PetGenerate a complete Codex Pet spritesheet and metadata from one reference image without needing an OpenAI key or Codex Pro.246k10How it compares
Use font-pairing-suggester for quick pairing and hierarchy ideas before diving into full design-system or component-library setup.
FAQ
Does font-pairing-suggester install fonts?
font-pairing-suggester recommends font combinations and Google Fonts alternatives with hierarchy examples. It does not install fonts or generate CSS—it outputs a structured markdown pairing report.
Can font-pairing-suggester replace premium fonts?
font-pairing-suggester suggests Google Fonts alternatives to premium typefaces for common use cases. Final licensing and brand-fit decisions remain with the developer.