Typography: AI Skill for UX Design

Typography is an AI skill that sets type like a trained designer: legible body text, a real scale, and restrained hierarchy. No more display faces stacked with every weight and color.

npx skills add Uxcel-Lab/product-skills --skill ux-typography

Copied

What this skill does

Helps an AI assistant set type that is legible and clearly ranked rather than bland or stacked with competing faces.

Establishes brand personality, content types, medium, and language direction first.
Keeps body text at 16px or larger with roughly 150% line height.
Holds line length between 50 and 75 characters.
Builds a type scale that covers display, headings, body, captions, and labels.
Limits the design to three typefaces or fewer, often one superfamily.
Caps each hierarchy level at three instruments, from size to weight to case.
Flags typeface, pairing, and scale ratio choices as deliberate decisions.
Hands the result to accessibility, aesthetics, and microcopy audits.

When to use it

Use it when you need an AI assistant to:

choose a typeface or font pairing;
set up a type scale for a product;
fix messy typographic hierarchy;
improve the readability of body text;
review a UI layout for typography issues;
balance character and legibility across marketing and product UI.

Decisions this skill helps you make

Decision	Options
Typeface personality	Character in display faces; high legibility for body text
One or two typefaces	One superfamily by default; a second only with clear contrast and a role
Number of weights	The minimum that keeps the scale legible
Type scale ratio	Modest for product UI; bolder for marketing and editorial
Serif or sans	Serif for long-form and editorial trust; sans for UI clarity
Decorative touches	Drop caps and pull quotes in editorial layouts only