skills.rest
AceCandy
AceCandyCOMMUNITY
Explore all skills by this author →
GitHub

typeset

Refine font selection, hierarchy, spacing, and readability in text-heavy interfaces.

Updated Apr 11, 2026
Search Tags:#typography#readability#ui design#spacing#hierarchy#font selection
One-click install
npx skills add https://github.com/AceCandy/ui-skill-visual-compare --skill typeset-acecandy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/AceCandy/ui-skill-visual-compare/tree/main/.claude/skills/impeccable/skills/typeset
Command: npx skills add https://github.com/AceCandy/ui-skill-visual-compare --skill typeset-acecandy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill fixes typography that feels generic, inconsistent, or hard to read by turning default-looking text into a clear, intentional type system.

Core Features & Use Cases

  • Font Selection: Choose typefaces that fit the brand personality instead of relying on bland defaults.
  • Hierarchy and Scale: Establish clear size and weight differences so headings, body text, labels, and captions are instantly distinguishable.
  • Readability and Spacing: Improve line-height, letter-spacing, margins, and line length for comfortable reading.
  • Consistency Across UI: Standardize typographic roles so repeated elements look and behave the same everywhere.
  • Use Case: Perfect for polishing app interfaces, dashboards, landing pages, and content layouts where text hierarchy or readability feels weak.

Quick Start

Use the typeset skill to audit the current interface typography and propose a cleaner, more readable hierarchy.

Frequently Asked Questions about typeset

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

FAQPage Schema
How do I improve readability and hierarchy in text-heavy UI interfaces?▼

Improve readability by refining line-height, letter-spacing, margins, and line length for comfortable reading. Establish consistent typographic roles across repeated UI elements like labels and captions to eliminate generic text layouts.

What is the best way to standardize font selection and type scales across a dashboard?▼

Establish a clear type system with coherent type scales and consistent weight usage. This turns inconsistent, default-looking dashboard copy into an intentional typographic hierarchy that looks and behaves the same everywhere.

Why does my landing page typography feel generic and inconsistent?▼

Generic-looking text lacks intentional font selection and standardized typographic roles. By establishing clear size differences and accessibility-aware spacing, you transform weak content layouts into a readable, deliberate type system.

Can I use this to fix weak text hierarchy in app interfaces and content layouts?▼

This approach applies directly to polishing app interfaces, dashboards, and landing pages. It refines headings, labels, and captions by applying consistent typographic roles and accessibility-aware contrast to resolve weak hierarchy.

Do I need specific design dependencies to establish consistent typographic roles?▼

Establishing consistent typographic roles relies on refining inherent font properties like size, weight, and spacing rather than external dependencies. This ensures headings, labels, and captions behave uniformly across all UI layouts.

Related Skills

Explore More Design & Creative Skills→
heyramziheyramzi

typeset

Analyze typography and generate a structured improvement plan for font selection, hierarchy, spacing, and consistency.

Community
Intermediate
johnlindquistjohnlindquist
24

design

Manage design tokens and export them to CSS, JSON, and Tailwind config.

Community
Advanced
aagii9912aagii9912

developing-ui

Enforce brand tokens, accessibility, and component patterns in UI development.

Community
Basic
FutureAtomsFutureAtoms
1

typography-2026-font-pairing-generator

Generate font pairing recommendations with implementation tokens and code examples.

Community
Intermediate