typeset

Audit and improve typography with fixed rem scaling and clamp-based headings.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Poor typography makes interfaces feel generic, inconsistent, and harder to read by introducing weak hierarchy, arbitrary sizing, and readability issues.

Core Features & Use Cases

  • Typography audit: Identifies font, hierarchy, scale, readability, and consistency problems that make content look unpolished.
  • Systematic improvement plan: Creates a structured approach for font choice, modular type scales, weight strategy, and spacing rules based on context.
  • Practical fixes and verification: Recommends concrete changes like line-height tuning, readable max-width, consistent role-based styles, and an accessibility/zoom readability check.

Quick Start

Run /typeset on the relevant UI or page section you want to improve, and ask it to recommend a consistent type scale, hierarchy, and readability adjustments for that target.

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 weak hierarchy in my UI?

Fix inconsistent typography by running a typography audit to identify weak hierarchy and arbitrary sizing, then apply a systematic improvement plan using consistent role-based styles and modular type scales.

What is a modular type scale and when do I need fixed rem or clamp for headings?

A modular type scale standardizes font sizing relationships. Use fixed rem units for app UI consistency and clamp functions for responsive headings to maintain readability across viewport sizes.

How do I improve readability and accessibility contrast for body text?

Improve readability by tuning line-height, setting a readable max-width for text blocks, and verifying accessibility contrast ratios to ensure text remains legible under 200% browser zoom.

Can I use this to establish font pairing and weight strategy for a design system?

Yes, you can establish font pairing and weight strategy for design systems by generating a structured approach that defines clear heading versus body text roles, spacing rules, and consistent typographic hierarchy.

What is the best way to audit arbitrary font sizing across marketing pages?

The best way to audit arbitrary font sizing is to review target page sections for inconsistent text roles, identify readability issues, and replace arbitrary values with a structured, context-appropriate modular type scale.

Why does my text look unpolished even after choosing a good font pairing?

Text looks unpolished when line-height, max-width, and weight strategy are misaligned. A typography audit identifies these specific readability and consistency problems to make text feel intentional.