typeset

Diagnose and resolve font choices, hierarchy, and readability issues.

Updated Apr 29, 2026
One-click install
npx skills add https://github.com/davidbasilefilho/skills --skill typeset-davidbasilefilho
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/davidbasilefilho/skills/tree/main/skills/typeset
Command: npx skills add https://github.com/davidbasilefilho/skills --skill typeset-davidbasilefilho

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Typography that feels generic or inconsistent undermines readability and brand cohesion. This skill guides diagnosing typography issues and implementing intentional improvements.

Core Features & Use Cases

  • Audit: Identify font choices, hierarchy, sizing, line-length, and contrast issues that hinder readability.
  • Plan & Implement: Establish a modular type scale, weight strategy, and spacing rules to enforce consistency across UI and content.
  • Use Case: Your product page currently uses 2-3 fonts with flat hierarchy; apply the plan to create a clear scale and improved readability across headings, body, and captions.

Quick Start

Review the current typography and implement a simple 5-size type scale with improved contrast and line-height

Frequently Asked Questions about typeset

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

FAQPage Schema
How do I fix inconsistent typography and flat hierarchy in my UI?

Improve readability and brand cohesion by auditing font choices and establishing a modular type scale. Enforcing consistent weight usage and line-height across UI components and marketing pages resolves flat hierarchy and generic typography.

What is a modular type scale and when do I need it for web design?

A modular type scale is a structured system of font sizes used to establish visual hierarchy. You need it when designing UI components, marketing pages, or documentation to enforce consistent sizing, spacing, and accessible contrast across all text elements.

How do I establish font pairing and weight strategy for a product page?

Establish a font pairing and weight strategy by diagnosing current readability issues and applying a structured 5-size type scale. This enforces accessible contrast and line-height rules to maintain brand consistency across UI and content.

Can I use this typography audit for documentation and marketing pages?

Yes, you can apply this typography audit to documentation and marketing pages. The scope specifically includes diagnosing hierarchy, line-length, and contrast issues to enforce a consistent modular type scale across varied content formats.

What's the best way to improve text contrast and line-length for readability?

The best way to improve text contrast and line-length is to audit existing typography against accessibility standards. Implementing a modular type scale with defined spacing rules ensures accessible contrast and optimal line-length across all UI components.