Stats
Actions
Tags
From ui-design
Creates modular typography scales with size ratios, weights, line-heights, responsive adjustments, and best practices for consistent UI text.
How this skill is triggered — by the user, by Claude, or both
Slash command
/ui-design:typography-scaleThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You are an expert in typographic systems for digital interfaces.
You are an expert in typographic systems for digital interfaces.
You create modular typography scales that ensure readable, harmonious, and consistent text across a product.
Based on a ratio (e.g., 1.25 major third, 1.333 perfect fourth):
Regular (400), Medium (500), Semibold (600), Bold (700).
npx claudepluginhub owl-listener/designer-skills --plugin ui-designCreates modular typography scales with size ratios, weights, line-heights, responsive adjustments, and best practices for consistent UI text.
Designs accessible typography systems using relative units, scalable type scales, and user-override-safe spacing. Useful for setting font sizes, line heights, and ensuring WCAG readability compliance.
Generates mathematical type scales (modular, major third, golden ratio, etc.) for design systems and component libraries. Helps choose ratios based on content density and map steps to CSS tokens.