typeset

Refine font choices, hierarchy, sizing, and readability across UI contexts.

Updated Mar 19, 2026
One-click install
npx skills add https://github.com/Mrlyk/SKILLS --skill typeset-mrlyk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/Mrlyk/SKILLS/tree/main/skills/ui-design/typeset
Command: npx skills add https://github.com/Mrlyk/SKILLS --skill typeset-mrlyk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Aimed at refining typography to make text more intentional, readable, and brand-appropriate.

Core Features & Use Cases

  • Improve font choices, hierarchy, sizing, and weight consistency.
  • Establish a clear type scale and readability guidelines.
  • Use in UI design reviews to elevate typography across products.

Quick Start

Provide a prioritized, actionable typography improvement 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 improve typography readability and hierarchy in a UI design?

To improve typography readability in UI design, refine font choices, establish a consistent type scale, and apply accessible contrast ratios. This ensures clear text hierarchy and a polished, brand-appropriate interface across product contexts.

What is a type scale and how does it affect visual hierarchy?

A type scale is a system of proportional font sizes that establishes visual hierarchy. Using a 16px body base, it defines sizing relationships across headings and text to ensure consistent, readable typography throughout your product interface.

How do I audit typography for accessible contrast and consistency?

To audit typography for accessible contrast, evaluate your font choices and sizing against accessibility standards. This process establishes a consistent type scale and semantic token naming to maintain readability across all UI contexts.

Can I use this typography refinement process for marketing pages and documentation?

Yes, you can apply typography refinement to marketing pages and documentation. The process improves font hierarchy, sizing, and accessible contrast to ensure text clarity and brand perception across all product and marketing interfaces.

What is the best way to standardize font sizing with a 16px body base?

The best way to standardize font sizing is to establish a clear type scale using a 16px body base. This approach defines proportional sizing and semantic token naming, ensuring consistent readability and hierarchy across all UI contexts.

Why does my UI typography look inconsistent across different product interfaces?

UI typography looks inconsistent when lacking a defined type scale and semantic token naming. Refining font choices, hierarchy, and accessible contrast establishes a standardized 16px body base, resolving visual inconsistencies across product interfaces.