typeset

Diagnose typography issues in UI and propose targeted improvements.

Updated Nov 4, 2025
One-click install
npx skills add https://github.com/jatwell93/pharmacy-heatmap --skill typeset-jatwell93
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/jatwell93/pharmacy-heatmap/tree/main/.agents/skills/typeset
Command: npx skills add https://github.com/jatwell93/pharmacy-heatmap --skill typeset-jatwell93

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Assess typography quality across interfaces and provide actionable improvements to font choices, hierarchy, spacing, and readability so text feels intentional and polished.

Core Features & Use Cases

  • Diagnose current typography issues including font choices, hierarchy, spacing, contrast, and readability.
  • Propose a systematic typography plan with a clear type scale, spacing rules, accessibility considerations, and a path to implementation.
  • Provide practical examples and a quick-start prompt for immediate typography improvements in UI, marketing pages, and documentation.

Quick Start

Describe the current typography issues and generate an actionable improvement plan.

Frequently Asked Questions about typeset

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

FAQPage Schema
How do I fix typography hierarchy and readability issues in a UI design?

To fix typography hierarchy and readability issues, diagnose current font choices, spacing, and contrast, then apply a systematic type scale with clear spacing rules and accessibility guidelines to ensure text feels intentional across web and mobile layouts.

What is a UI type scale and how does it improve text readability?

A UI type scale is a systematic set of font sizes and spacing rules that establishes clear visual hierarchy. It improves text readability by ensuring headings, body text, and captions maintain proportional relationships and accessibility contrast standards across product interfaces.

Can I use this typography Skill to evaluate font selection for mobile and web layouts?

Yes, you can evaluate font selection for mobile and web layouts by diagnosing current typography issues and proposing targeted improvements aligned with frontend design standards, ensuring coherent hierarchy and better readability across both platforms.

What's the best way to create an accessible type system for headings and body text?

The best way to create an accessible type system is to establish a coherent type scale with defined font selection, spacing rules, and contrast guidelines that satisfy accessibility requirements for headings, body text, and captions across interface layouts.

How do I diagnose poor text contrast and spacing in my interface design?

Diagnose poor text contrast and spacing by assessing current typography quality across the interface, identifying issues in font choices and hierarchy, then proposing targeted improvements with actionable steps aligned to accessibility guidelines and frontend design standards.