skills.rest
microlinkhq
microlinkhqOFFICIAL
Explore all skills by this author →
Website𝕏@microlinkhqGitHub

typeset

Audit and improve UI typography with modular scales and accessibility checks.

142|31|Updated Jul 13, 2017
Search Tags:#typography#accessibility#design system#readability#hierarchy#frontend UI#type scale
One-click install
npx skills add https://github.com/microlinkhq/www --skill typeset-microlinkhq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/microlinkhq/www/tree/main/.agents/skills/typeset
Command: npx skills add https://github.com/microlinkhq/www --skill typeset-microlinkhq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Typography that feels generic, inconsistent, or poorly structured makes interfaces harder to scan and understand; this Skill helps you turn default-looking text into intentional hierarchy and better readability.

Core Features & Use Cases

  • Typography audits that identify weak or distracting font choices, unclear hierarchy, inconsistent scaling, and readability issues.
  • Systematic improvement plans that define font selection, modular type scales, weight/spacing rules, and container constraints for long-form legibility.
  • Practical verification to confirm headings vs body clarity, improved readability, consistent styling, brand personality fit, performance (font loading without layout shift), and accessibility (zoom and contrast).

Quick Start

Use the typeset skill to improve typography for your current UI by analyzing font choices, hierarchy, scale, spacing, and readability across the target feature or component.

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 improve readability in my UI?▼

Fix inconsistent typography by auditing font selection, hierarchy, type scale, spacing, and container constraints to transform default-looking text into intentional, readable structures.

What is a modular type scale and why do I need it for frontend UI?▼

A modular type scale defines systematic font sizing relationships, replacing arbitrary values with consistent proportions to establish clear visual hierarchy and predictable scaling across frontend UI components.

How do I ensure my typography meets accessibility requirements for zoom and contrast?▼

Meet typography accessibility by verifying zoomability, contrast ratios, and rem-based sizing guidance to ensure text remains legible and scalable for users with visual impairments.

Can I use this typography audit for long-form content layouts?▼

Yes, typography audits apply to content layouts by tuning container max-width, line lengths, and spacing rules to improve long-form legibility and reading comfort.

What's the best way to establish clear text hierarchy in a design system?▼

Establish clear text hierarchy by defining role-based weight strategies, modular type scales, and spacing rules that distinguish headings from body text for consistent design system implementation.

Why does my text look default and lack brand personality?▼

Text looks default when font selection, weight strategy, and hierarchy are unstructured; applying intentional typography rules and brand personality fit verification resolves generic appearance issues.

Related Skills

Explore More Design & Creative Skills→
remiconnessonremiconnesson

tailwind-ui-refactor

Refactor Tailwind CSS interfaces to improve hierarchy, spacing, typography, and polish.

Community
Intermediate
DanialHaseebDanialHaseeb

typeset

Diagnose and correct typography in UI and content text.

Community
Intermediate
ihlamuryihlamury
73

segment-ui-skills

Enforce Segment's light-mode UI design system with Inter font and 4px grid.

Community
Intermediate
jean-sotiljean-sotil

typeset

Audit and improve typography with fixed rem scaling and clamp-based headings.

Community
Intermediate