skills.rest
Kevin-Mok
Kevin-MokCOMMUNITY
Explore all skills by this author →
Website𝕏@Kev_MokGitHub

typeset

Audit typography and implement consistent type scales and hierarchy across UI and content.

Updated Aug 27, 2026
Search Tags:#typography#design#readability#brand#design-system#type-scale
One-click install
npx skills add https://github.com/Kevin-Mok/ai-cli-dotfiles --skill typeset-kevin-mok
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/Kevin-Mok/ai-cli-dotfiles/tree/main/dot_agents/skills/typeset
Command: npx skills add https://github.com/Kevin-Mok/ai-cli-dotfiles --skill typeset-kevin-mok

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Typography often feels generic or inconsistent across brand materials and interfaces, which hurts readability and brand voice. This skill identifies typography gaps and applies a cohesive strategy to create intentional, legible text.

Core Features & Use Cases

  • Typography audit: evaluate font families, weights, sizes, line-height, and contrast.
  • Establish a modular type scale and consistent hierarchy across UI and content.
  • Enforce accessibility: maintain WCAG-compliant contrast and legibility.
  • Apply changes to design systems, components, and documentation to keep typography coherent.
  • Use Case: When a product UI and documentation diverge in typography, this skill standardizes typography for readability and brand coherence.

Quick Start

Audit current typography and implement a consistent type scale and hierarchy across all UI and content.

Frequently Asked Questions about typeset

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

FAQPage Schema
How do I audit typography for readability and brand consistency?▼

To audit typography, evaluate font families, weights, sizes, line-height, and contrast across product UI, documentation, and marketing pages to identify inconsistencies that hurt readability and brand voice.

What is a modular type scale and how does it fix inconsistent text hierarchy?▼

A modular type scale establishes consistent font sizing and hierarchy across UI components and content, ensuring text remains legible and visually structured rather than generic or arbitrarily spaced.

How do I standardize typography across divergent product UI and documentation?▼

Standardize typography by applying a cohesive strategy with a unified type scale, weight usage, and line-height guidelines across all contexts to restore readability and brand coherence.

Does this typography audit enforce WCAG-compliant contrast and accessible defaults?▼

Yes, the typography audit enforces accessibility by maintaining WCAG-compliant contrast and legible defaults within the design system to ensure text is accessible across all components.

Can I apply these typography guidelines directly to a design system?▼

Yes, you can apply the established type scale, contrast guidelines, and accessible defaults directly to design systems and components to keep typography coherent across all product surfaces.

Related Skills

Explore More Design & Creative Skills→
duggal1duggal1
2

typeset

Analyze frontend typography and apply a structured plan for font choices, hierarchy, and readability.

Community
Intermediate
wukangcheng2944wukangcheng2944

typeset

Define typography systems with font choices, hierarchy, and spacing.

Community
Advanced
misty-stepmisty-step
13

minimalist-ui

Create ultra-minimal editorial interfaces with warm monochrome palettes and strict typographic rules.

Official
Advanced
erichowenserichowens
181

typography-expert

Generates font pairings and CSS type scales for web typography.

Community
Advanced