typeset

Audits typography and proposes font, scale, weight, and spacing strategies.

5|Updated Mar 27, 2026
One-click install
npx skills add https://github.com/Gyanano/Bower --skill typeset-gyanano
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/Gyanano/Bower/tree/main/.agents/skills/typeset
Command: npx skills add https://github.com/Gyanano/Bower --skill typeset-gyanano

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers often inherit default typography that lacks hierarchy, readability, and brand nuance; typeset enforces the Context Gathering Protocol by invoking /frontend-design so that typography recommendations are grounded in captured research before proposing improvements to fonts, scale, weights, and spacing.

Core Features & Use Cases

  • Context-first typography audit: Review existing fonts, weights, and readability issues after collecting design context, then log findings that match the brand personality.
  • Systematic hierarchy planning: Establish a clear type scale, weight assignments, and spacing rules so headings, body, and captions share consistent roles without arbitrary sizes.
  • Readability and accessibility enhancements: Adjust line lengths, line heights, contrast, and font selections to ensure body text stays at least 16px, contrast meets WCAG, and typography feels intentional across UI and marketing surfaces.
  • Use Case: When an interface feels generic or inconsistent, apply this skill to craft a cohesive font pairing, weight strategy, and spacing system that translates into components, marketing pages, and documentation.

Quick Start

Use the typeset skill to review the current text blocks and propose a coherent font pairing, scale, and spacing strategy.

Frequently Asked Questions about typeset

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I establish a consistent UI type scale and font hierarchy?

Establish a consistent UI type scale by evaluating fonts, hierarchy, and sizing to create modular scales with clear weight assignments and spacing rules. This ensures headings, body text, and captions share consistent roles without arbitrary sizes.

What is the best way to choose brand-appropriate font pairings for marketing copy?

Choose brand-appropriate font pairings by auditing existing typography against collected design context and brand personality. This targets interface and marketing copy, ensuring font selections feel intentional rather than relying on default fonts.

How do I fix readability and accessibility issues in my typography system?

Fix typography readability and accessibility by adjusting line lengths, line heights, and contrast ratios. Ensure body text stays at a 16px minimum and meets WCAG contrast constraints so text feels intentional across all UI surfaces.

Can I use this typography audit for both interface design and documentation?

Yes, you can apply this typography audit to both interface design and documentation. It crafts a cohesive font pairing, weight strategy, and spacing system that translates directly into components, marketing pages, and technical documentation.

Why does my interface text look generic and lack visual hierarchy?

Interface text looks generic when it inherits default typography lacking hierarchy, readability, and brand nuance. You can resolve this by enforcing context gathering to ground typography improvements before proposing new fonts, scales, and spacing rules.