i-typeset

Assess typography and produce a modular type scale with font recommendations.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improves generic, inconsistent, or hard-to-read typography by making font choices, hierarchy, sizing, weight, and spacing intentional so text becomes clearer and more brand-aligned.

Core Features & Use Cases

  • Assessment: Diagnose weak font choices, muddy hierarchy, inconsistent weights, poor sizing, and readability issues across UI and content.
  • Systematic fixes: Establish a modular type scale, define weight roles, set line-height and max-width, and recommend font-loading and performance strategies.
  • Use Case: Revamp a product UI where body text is too small and headings blend together, or tune a marketing page for comfortable long-form reading and stronger brand personality.

Quick Start

Improve the typography of the provided page by assessing fonts and hierarchy, proposing a modular type scale, and listing concrete size, weight, spacing, and accessibility changes.

Frequently Asked Questions about i-typeset

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

FAQPage Schema
How do I fix inconsistent typography and unclear reading hierarchy in a web application?

Fix inconsistent typography by assessing current font choices and hierarchy, then applying a systematic plan with a modular type scale, defined weight roles, and explicit spacing and line-height rules to clarify the reading structure.

What is a modular type scale and how does it improve readability?

A modular type scale is a structured set of font sizes based on a consistent ratio. It improves readability by establishing clear visual hierarchy and predictable sizing relationships across headings and body text in a design system.

How do I tune fonts for comfortable long-form reading on a marketing page?

Tune fonts for long-form reading by setting appropriate line-height, defining max-width constraints for text blocks, and assigning distinct weight roles to headings and body text to reduce eye strain and strengthen brand personality.

Does this approach include accessibility contrast checks for webfonts?

Yes, the typography improvement process includes accessibility contrast checks to ensure text meets readability standards, alongside specific webfont loading guidance to maintain performance and accessibility.

Can I use this to revamp a product UI where body text is too small and headings blend together?

Yes, you can revamp a product UI by diagnosing the weak hierarchy and poor sizing, then implementing a concrete plan with font recommendations, a modular type scale, and weight roles to separate headings from body text.

What's the best way to establish weight roles and font loading strategies for a design system?

Establish weight roles by assigning specific font weights to distinct UI elements like headings and labels, and pair this with webfont loading guidance to optimize performance and maintain consistent typography across the design system.