Typography Scale
owl-listener/designer-skillsA modular typography scale helps you choose text sizes that look good together. It uses a simple math ratio to create sizes for headings, body text, and captions. This makes your product feel consistent and easy to read.
You also get rules for font weight, line height, and letter spacing. For example, headings use tight line spacing while body text uses normal spacing. A good scale includes at least four or five sizes and a minimum body size of 16 pixels.
Designers and developers who follow this approach build interfaces with readable and harmonious typography. Real content testing and documented usage rules help everyone stay on the same page.
Add Typography Scale skill to your workflow
Global
mkdir -p ~/.claude/skills/typography-scaleProject
mkdir -p .claude/skills/typography-scaleSource Repository
More Design & UI/UX Claude Code Skills
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready