typeset

Refine font choices, hierarchy, sizing, and readability in user interfaces.

Updated Mar 22, 2026

Search Tags:#typography #design #branding #layout #readability #font #type-scale

Ready to run

npx skills add https://github.com/Lin-0096/welove --skill typeset-lin-0096

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/Lin-0096/welove/tree/main/.claude/skills/typeset
Command: npx skills add https://github.com/Lin-0096/welove --skill typeset-lin-0096

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improves typography by addressing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when users mention fonts, type, readability, text hierarchy, sizing looks off, or want more polished typography.

Core Features & Use Cases

Standardizes font families, weights, and sizes to create a consistent visual language across UI and content.
Enhances readability and accessibility through a defined type scale, contrast, and spacing guidelines.
Use case: Apply a typography system to a marketing page to improve legibility and brand alignment.

Quick Start

Generate a typography audit and a complete typography plan for the current project.

Frequently Asked Questions about typeset

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

FAQPage Schema

How do I fix typography hierarchy and readability issues in my UI design?▼

Establish a consistent typography system by standardizing font families, weights, and sizes to create a unified visual language. This ensures UI readability and brand alignment across websites, apps, and marketing pages.

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

A type scale is a defined set of font sizes and spacing guidelines that enhances readability and accessibility. Applying a type scale standardizes text hierarchy across UI and content, ensuring consistent visual communication.

How do I create a typography system for a marketing page to improve legibility?▼

Create a typography system for a marketing page by applying defined type scales, weight strategies, and color contrast guidelines. This improves legibility, establishes content clarity, and aligns the text with your brand identity.

Can I use this typography approach for both websites and mobile apps?▼

Yes, you can apply this typography approach to both websites and mobile apps. It establishes accessible typography practices, consistent type scales, and weight strategies that ensure content clarity across various digital platforms.

What's the best way to audit existing font choices and text contrast for accessibility?▼

The best way to audit font choices and text contrast is to generate a comprehensive typography plan that evaluates current readability. This identifies issues in sizing, weight, and contrast to establish accessible typography practices.