skills.rest
niiiusburo
niiiusburoCOMMUNITY
Explore all skills by this author →
GitHub

typeset

Fix font choices, hierarchy, sizing, weight, and spacing in typography.

Updated Apr 7, 2026
Search Tags:#typography#accessibility#readability#web design#type scale#font hierarchy
One-click install
npx skills add https://github.com/niiiusburo/Tgroup --skill typeset-niiiusburo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/niiiusburo/Tgroup/tree/main/website/.agents/skills/typeset
Command: npx skills add https://github.com/niiiusburo/Tgroup --skill typeset-niiiusburo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill fixes typography that feels generic, muddy, or inconsistent by turning default text into a clear, intentional system.

Core Features & Use Cases

  • Font selection: Evaluate whether the current typeface matches the brand and replace bland defaults when needed.
  • Hierarchy and scale: Build a clear size and weight system so headings, body text, captions, and labels are instantly distinguishable.
  • Readability and consistency: Improve line height, spacing, line length, and weight usage across UI screens or marketing pages.
  • Use case: A product page with nearly identical heading and body sizes can be reorganized into a polished type system that reads better and feels designed.

Quick Start

Improve the typography of the selected screen or text layout by proposing a clearer font pair, stronger hierarchy, and better spacing.

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 poor font hierarchy in a web layout?▼

Typography hierarchy works by assigning distinct sizes and weights to different text levels like headings, body, and captions. Building a structured type scale ensures each level is instantly distinguishable and improves overall readability.

What is the best way to improve readability and line spacing for interface copy?▼

Improving readability for interface copy requires adjusting line height, spacing, and line length. Applying accessible contrast and consistent weight usage across UI screens ensures text reads clearly without causing layout instability.

Can I use this typography system for both marketing pages and interface copy?▼

Yes, this typography system applies to interface copy, marketing layouts, and content pages. It evaluates whether the current typeface matches the brand and replaces bland defaults with polished, intentional font pairings.

How do I build a type scale that separates headings from body text effectively?▼

Building a type scale involves defining specific size and weight increments for headings, body text, captions, and labels. A clear size and weight system makes each text level instantly distinguishable and visually organized.

Does fixing font choices and weight strategy cause layout instability?▼

Fixing font choices and weight strategy does not cause layout instability when applied correctly. Establishing a clear type scale with consistent line lengths and accessible contrast maintains layout stability while improving visual polish.

Related Skills

Explore More Design & Creative Skills→
zhushen12580zhushen12580
184

typeset

Improve typography for text with font selection, hierarchy, sizing, and spacing.

Community
Advanced
Elliot-TangSElliot-TangS
1

typeset

Audit UI typography and propose a cohesive plan for hierarchy and readability.

Community
Advanced
mosif16mosif16
18

ios-ux-design

Evaluate iOS app interfaces against Apple Human Interface Guidelines and generate implementation specifications.

Community
Advanced
etewiahetewiah
635

theme-evaluation

Evaluate theme palettes for WCAG contrast and accessibility compliance.

Community
Advanced