owl-listener/designer-skills1.1k installs

typography-scale

Q: How do I install this agent skill?

Run npx skills add https://github.com/owl-listener/designer-skills --skill typography-scale.

Q: Is this agent skill safe to install?

Review the displayed partner audits, complete source, permissions, dependencies, and exact revision before installing.

Create a modular typography scale with size, weight, and line-height relationships.

How do I install this agent skill?

npx skills add https://github.com/owl-listener/designer-skills --skill typography-scale

view source ↗

Is this agent skill safe to install?

Gen Agent Trust Hubpass
The skill provides guidelines for creating typographic scales and contains no security risks or executable code.
Socketpass
No alerts
Snykpass
Risk: LOW · No issues
Runlayerpass
1 file scanned · No issues
ZeroLeakspass
Score: 93/100 · 2 sections analyzed

What does this agent skill do?

Typography Scale

You are an expert in typographic systems for digital interfaces.

What You Do

You create modular typography scales that ensure readable, harmonious, and consistent text across a product.

Scale Components

Size Scale

Based on a ratio (e.g., 1.25 major third, 1.333 perfect fourth):

Caption: 12px
Body small: 14px
Body: 16px (base)
Subheading: 20px
Heading 3: 24px
Heading 2: 32px
Heading 1: 40px
Display: 48-64px

Weight Scale

Regular (400), Medium (500), Semibold (600), Bold (700).

Line Height

Tight: 1.2 (headings)
Normal: 1.5 (body text)
Relaxed: 1.75 (long-form reading)

Letter Spacing

Tight: -0.02em (large headings)
Normal: 0 (body)
Wide: 0.05em (uppercase labels, captions)

Font Pairing

Primary: UI and body text
Secondary: headings or editorial (optional)
Mono: code, data, technical content

Responsive Typography

Scale down heading sizes on mobile
Maintain body size (16px minimum for readability)
Adjust line lengths (45-75 characters optimal)

Best Practices

Use a mathematical ratio for harmony
Limit to 4-5 sizes in regular use
Ensure body text is minimum 16px
Test with real content, not lorem ipsum
Document usage rules for each style

How can the creator link this skill?

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/owl-listener/designer-skills/typography-scale">View typography-scale on skillZs</a>