font-pairing-skill
Builds deliberate UI font pairings, type scales, and web-font loading plans.
Builds deliberate UI font pairings, type scales, and web-font loading plans.
font-pairing-skill helps an agent choose display and body faces, match typography to a project palette and icon weight, and build a coherent type scale. It includes eight archetype recipes, variable-font guidance, Google Fonts import references, and loading patterns such as preconnect, preload, font-display, and subsetting. The goal is a considered type system that avoids layout shift rather than a random font list.
Resource types
Use cases
Platforms
Turns one idea into a clean peanut-led concept illustration.
Keeps generated UI aligned with explicit design rules.
Public GitHub facts last synced Jul 10, 2026.
Route a design brief through color, effects, typography, and icon skills in a coherent order.
Plan product design projects in Claude with reusable PRCSS workflows.