typeset

Evaluate and adjust typography for web and app interfaces.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/OmOc3/physica --skill typeset-omoc3
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/OmOc3/physica/tree/main/.codex/skills/typeset
Command: npx skills add https://github.com/OmOc3/physica --skill typeset-omoc3

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improves generic, inconsistent, or unreadable typography by assessing and correcting font choices, hierarchy, sizing, weight, spacing, and loading so text reads as intentional and accessible. Use when fonts feel default, headings and body lack contrast, line lengths or sizes impede readability, or the visual hierarchy is unclear. MANDATORY PREPARATION: Invoke $impeccable and follow its Context Gathering Protocol; if no design context exists, run $impeccable teach before proceeding.

Core Features & Use Cases

  • Font selection & pairing: recommend brand-appropriate families, limit families to 2–3, and choose metric-matched fallbacks.
  • Type scale & hierarchy: establish a modular scale, define 5 primary roles (caption → heading), and set size + weight + spacing rules.
  • Readability & accessibility: ensure minimum body size, appropriate line-height, comfortable line-length (45–75 ch), and WCAG contrast checks.
  • Performance & loading: advise webfont loading strategies (font-display, weight selection) and limit weights to those used.
  • Use case: audit a web app or marketing page and deliver a prioritized fix list with a type scale, CSS/token examples, and accessibility notes.

Quick Start

Use the typeset skill to audit the provided interface or stylesheet and return a prioritized set of typography fixes including font choices, type scale, spacing rules, and accessibility recommendations.

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 establish a clear type hierarchy in my web app?

To fix inconsistent typography, audit your interface to establish a modular type scale, limit font families to 2–3, and define 5 primary text roles from caption to heading with specific size, weight, and spacing rules for clear visual hierarchy.

What is the best way to choose readable web fonts and ensure accessibility compliance?

Choosing readable web fonts involves selecting brand-appropriate families with metric-matched fallbacks, verifying WCAG contrast, and setting a minimum body size with comfortable 45–75 character line lengths for accessibility.

How do I optimize web font loading and performance for my design system?

Optimize web font loading by advising strategies like font-display usage and limiting font weights strictly to those used in the design system, reducing unnecessary payload and improving render times.

Can I use this approach to audit an existing marketing page stylesheet for readability issues?

Yes, you can audit an existing web app or marketing page stylesheet to identify readability issues and deliver a prioritized fix list with a type scale, CSS token examples, and accessibility notes.

What should the line-height and spacing rules be for optimal text readability?

Optimal text readability requires setting appropriate line-height values, maintaining comfortable line lengths between 45 and 75 characters, and applying consistent spacing rules across your modular type scale.