typeset

Audit UI typography and implement scalable type systems with brand-aligned constraints.

Updated Apr 19, 2026
One-click install
npx skills add https://github.com/42team-ru/mpit-final --skill typeset-42team-ru
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/42team-ru/mpit-final/tree/main/frontend/.claude/skills/typeset
Command: npx skills add https://github.com/42team-ru/mpit-final --skill typeset-42team-ru

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography.

Core Features & Use Cases

  • Font selection and pairing that reflect brand personality.
  • Establish a clear type scale and consistent weights for headings, body, and UI elements.
  • Improve readability and accessibility with optimal line-height, spacing, and contrast.

Quick Start

Run a typography audit and implement a scalable type system aligned with the brand.

Frequently Asked Questions about typeset

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

FAQPage Schema
How do I audit and fix UI typography for better readability?

Run a typography audit to identify issues in font choices, hierarchy, and readability across UI components. Fix text legibility by enforcing a scalable type scale, consistent weights, and accessible contrasts for headings, body text, and interactive elements.

How do I establish a scalable type scale for web and mobile projects?

Establish a scalable type scale by applying consistent font weights and sizing ratios to headings, body text, labels, and interactive elements. This enforces clear text hierarchy and ensures readable interface design across web and mobile platforms.

What is included in a UI typography audit?

A UI typography audit identifies issues in font selection, type hierarchy, sizing, and weight to make text feel intentional. It documents structured improvements for line-height, spacing, and accessible contrast to facilitate design handoff.

Can I apply brand-aligned typography constraints to UI components?

Apply brand-aligned constraints to UI components by selecting and pairing fonts that reflect brand personality. This maintains consistent weights and accessible contrast across headings, body text, and labels during design handoff.

What's the best way to improve text hierarchy and accessibility in UI design?

Improve text hierarchy and accessibility by applying optimal line-height, spacing, and contrast ratios to UI elements. Enforcing a scalable type system with consistent weights ensures readable, intentional typography across the interface.

Why does my interface typography look unpolished despite correct font choices?

Interface typography looks unpolished when type hierarchy, sizing, and weights lack consistency. Fix this by enforcing a scalable type system and documenting structured changes to line-height and accessible contrast for design handoff.