Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From ui-design
Creates modular typography scales with size ratios, weights, line-heights, responsive adjustments, and best practices for consistent UI text.
npx claudepluginhub owl-listener/designer-skills --plugin ui-designHow 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.
Creates modular typography scales with size ratios, weights, line-heights, responsive adjustments, and best practices for consistent UI text.
Generates mathematical type scales (modular, major third, perfect fourth, golden ratio, custom) from 16px base for design systems and component libraries. Audits font sizes and creates visual hierarchy.
Guides web typography with 2-3 font family limits, modular scales (Minor Third, Major Third, Perfect Fourth), line heights (1.4-1.6 body, 1.1-1.3 headings), and 45-75 character line lengths per Bringhurst rules.
Share bugs, ideas, or general feedback.
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).