typeset

Assess UI typography and generate a modular type scale plan.

Updated Jul 5, 2025
One-click install
npx skills add https://github.com/nsuberi/proto-portal-showcase-hub --skill typeset-nsuberi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/nsuberi/proto-portal-showcase-hub/tree/main/apps/ai-builders-portal/.claude/skills/typeset
Command: npx skills add https://github.com/nsuberi/proto-portal-showcase-hub --skill typeset-nsuberi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Typography issues in UI copy reduce readability and perceived quality; this skill fixes font choices, hierarchy, sizing, weight, and readability to make text feel intentional.

Core Features & Use Cases

  • Assess current typography and identify issues in font choices, hierarchy, and spacing.
  • Plan and document a typography system with a modular type scale, weight roles, and accessibility considerations.
  • Apply improvements across UI content, documentation, and code UI components to improve readability and brand alignment.

Quick Start

Analyze the current typography context and generate a plan to improve font choices, hierarchy, sizing, 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 UI readability?

Fix inconsistent typography by assessing font choices, visual hierarchy, and spacing, then applying a modular type scale with defined weight roles to make UI copy readable and intentional. This addresses generic or inconsistent text across web and mobile interfaces.

What is a modular type scale and how does it help UI design?

A modular type scale is a structured system of font sizes that establishes visual hierarchy in UI design. It helps by ensuring consistent text sizing relationships, improving readability, and making typography feel intentional rather than generic across interface components.

How do I make sure my typography meets accessibility contrast guidelines?

Meet accessibility contrast guidelines by evaluating current text contrast ratios and adjusting font choices, weights, and colors to comply with standards. This ensures readable UI copy that satisfies accessibility requirements for users with visual impairments.

Can I use this typography system for both web and mobile interfaces?

Yes, this typography system applies to both web and mobile interfaces. It addresses generic or inconsistent typography across UI content, documentation, and code components to improve readability and brand alignment regardless of the platform.

How do I plan a font selection strategy with proper weight roles?

Plan font selection strategy by documenting a typography system that assigns specific weight roles to different text elements, incorporates a modular type scale, and addresses accessibility considerations to create intentional, readable UI copy.

What's the best way to establish line-height targets for readable UI text?

Establish line-height targets by assessing current typography spacing and applying readability guidelines that define appropriate line-height values for different text sizes within a modular type scale system for web and mobile interfaces.