typeset

Assess and refine typography hierarchy, sizing, and readability in frontend design.

Updated Apr 3, 2026
One-click install
npx skills add https://github.com/yahya-azeem/Pokedex --skill typeset-yahya-azeem
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/yahya-azeem/Pokedex/tree/main/library/impeccable/skills/typeset
Command: npx skills add https://github.com/yahya-azeem/Pokedex --skill typeset-yahya-azeem

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It fixes typography that feels generic, inconsistent, or poorly structured so text hierarchy, sizing, and readability become clear and intentional.

Core Features & Use Cases

  • Typography assessment: Identifies weak font choices, unclear hierarchy, inconsistent scale, and readability issues such as line length and contrast.
  • Systematic improvement plan: Defines a coherent type scale, weight roles, spacing, and consistency rules rather than applying arbitrary styling.
  • Polished implementation guidance: Recommends practical fixes for max-width, line-height, letter-spacing, kerning, and semantic token naming to improve UX and accessibility.

Quick Start

Tell the AI to typeset your page’s typography and improve font hierarchy, spacing, and readability according to the established frontend design context.

Frequently Asked Questions about typeset

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

FAQPage Schema
How do I fix inconsistent UI typography and unclear font hierarchy?

To fix inconsistent UI typography and unclear font hierarchy, you need a structured style plan that defines font selection, sizing, weight roles, and spacing rules rather than applying arbitrary styling.

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

A type scale is a systematic set of font sizes and weights that improves readability by creating clear visual hierarchy, ensuring text is easy to scan and consistently structured across the interface.

How do I plan typography for accessibility and readability?

Plan typography for accessibility by defining coherent type scales, weight roles, and practical fixes for max-width, line-height, letter-spacing, and contrast to improve overall UX and performance.

Can I use design tokens to standardize font hierarchy and spacing?

Yes, you can standardize font hierarchy and spacing using semantic design token naming to ensure consistency and maintainability across your UI typography system.

What is the best way to assess weak font choices in a UI design?

The best way to assess weak font choices is to evaluate the existing frontend design context for generic styling, unclear hierarchy, inconsistent scale, and readability issues like line length and contrast.

When should I refine my typography system for better text presentation?

You should refine your typography system when UI or content typography looks generic, inconsistent, or hard to scan, requiring systematic assessment and structured role-based styling improvements.