typeset

Audit UI typography and propose a cohesive plan for hierarchy and readability.

1|Updated Mar 25, 2026
One-click install
npx skills add https://github.com/Elliot-TangS/EliteChain --skill typeset-elliot-tangs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/Elliot-TangS/EliteChain/tree/main/.windsurf/skills/typeset
Command: npx skills add https://github.com/Elliot-TangS/EliteChain --skill typeset-elliot-tangs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Typography quality impacts readability and brand perception, and inconsistent type makes interfaces feel amateur.

Core Features & Use Cases

  • Establish a modular type scale and weight system that improves hierarchy across body text, headings, captions.
  • Audit and fix font choices for brand alignment and accessibility.
  • Provide a plan for implementing typography guidelines within a design system, including semantic tokens and CSS rules.

Quick Start

Assess the current typography and propose a prioritized set of improvements to typography consistency, hierarchy, and readability.

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 across a UI project?

To fix inconsistent typography, audit current font choices and establish a modular type scale with weight usage, spacing rules, and semantic tokens to ensure consistent hierarchy and accessible contrast across the interface.

What is a modular type scale and how does it improve design hierarchy?

A modular type scale is a system of proportionally sized text styles for headings, body text, and captions. It improves hierarchy by applying consistent spacing rules and weight usage, making interfaces feel polished and legible.

How do I implement typography guidelines within a design system using semantic tokens?

Implement typography guidelines by defining semantic tokens and CSS rules that map to your type scale, weight usage, and spacing rules, ensuring consistent hierarchy and accessible contrast across frontend UI projects and documentation sites.

Can I audit font choices for brand alignment and accessibility in marketing pages?

Yes, you can audit font choices for marketing pages to ensure brand alignment and accessibility. The process identifies typography issues and proposes a cohesive plan to improve legibility and accessible contrast.

What's the best way to establish consistent heading, body, and caption hierarchy?

The best way to establish consistent hierarchy is to define a modular type scale and weight system that specifies exact styles for body text, headings, and captions, paired with strict spacing rules.

When do I need to specify semantic tokens and CSS rules for typography?

You need to specify semantic tokens and CSS rules for typography when implementing guidelines within a design system, ensuring that consistent hierarchy, accessible contrast, and legible type are maintained across frontend UI projects.