typeset

Assess and plan typography improvements for web and mobile UI projects.

45|3|Updated Jan 20, 2026
One-click install
npx skills add https://github.com/YuDefine/nuxt-supabase-starter --skill typeset-yudefine
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/YuDefine/nuxt-supabase-starter/tree/main/.claude/skills/typeset
Command: npx skills add https://github.com/YuDefine/nuxt-supabase-starter --skill typeset-yudefine

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Typography quality often determines how users perceive a product. This skill helps transform generic or inconsistent typography into intentional, readable UI by fixing font choices, hierarchy, sizing, weight, and contrast for accessible and polished interfaces.

Core Features & Use Cases

  • Assessment across font choices, hierarchy, sizing, readability, and consistency.
  • Systematic planning including a modular type scale, weight strategy, spacing, and accessibility rules.
  • Implementation guidance for applying the plan to brands and product interfaces, with a concrete example like updating dashboard typography for improved legibility.

Quick Start

Analyze your project’s current typography and implement a targeted plan to improve font selection, scale, and readability.

Frequently Asked Questions about typeset

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

FAQPage Schema
How do I improve UI typography readability and visual clarity?

Improve UI typography by assessing font choices, hierarchy, sizing, and consistency to enhance readability. Apply a targeted plan fixing weight conventions, modular type scale, and contrast for accessible and polished web and mobile interfaces.

What is a modular type scale and how do I apply it to a design system?

A modular type scale systematically defines font sizing relationships for visual hierarchy. Apply it during design audits to plan spacing, weight strategy, and sizing rules, ensuring consistent and readable typography across product interfaces.

How do I audit font selection and weight conventions for web accessibility?

Audit font selection and weight conventions by assessing current typography for accessibility considerations and readability. Create a systematic plan enforcing contrast rules, weight strategy, and legibility standards to fix inconsistent UI text.

Can I use this typography assessment for both web and mobile UI projects?

Yes, you can use this typography assessment for both web and mobile UI projects. It analyzes font choices, hierarchy, and readability across interfaces, providing implementation guidance to update dashboard typography and improve legibility.

What's the best way to fix inconsistent font hierarchy and sizing in a dashboard?

Fix inconsistent font hierarchy and sizing by conducting a design audit to assess readability. Implement a targeted plan applying a modular type scale, weight strategy, and spacing rules to update dashboard typography for improved legibility.

Why does my UI typography look generic and lack visual clarity?

UI typography looks generic due to inconsistent font choices, unstructured hierarchy, and poor weight or contrast planning. Transform it into intentional, readable UI by applying a systematic type scale, accessibility rules, and weight conventions.