skills.rest
ZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak
ZainEldeen-Ashraf-Ibrahim-Ibrahim-SamakCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

typeset

Diagnose typography issues and produce a systematic improvement plan.

Updated Apr 12, 2026
Search Tags:#typography#accessibility#readability#fonts#hierarchy#type scale
One-click install
npx skills add https://github.com/ZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak/SCCT --skill typeset-zaineldeen-ashraf-ibrahim-ibrahim-samak
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/ZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak/SCCT/tree/main/.cursor/skills/typeset
Command: npx skills add https://github.com/ZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak/SCCT --skill typeset-zaineldeen-ashraf-ibrahim-ibrahim-samak

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improves typography that feels generic, inconsistent, or poorly structured by diagnosing font choices, hierarchy, sizing, weight, spacing, and readability so text reads as deliberate and clear rather than accidental.

Core Features & Use Cases

  • Assessment: Identify invisible defaults, poor font pairings, muddy hierarchy, inadequate sizes, and readability issues across UI and content.
  • Systematic Planning: Recommend font selection, a modular type scale, weight roles, spacing and line-height, and webfont loading strategies to form a consistent typographic system.
  • Implementation Guidance: Prescribe sizing strategies for app UIs and marketing pages, accessibility checks (contrast, zoom, WCAG), and performance-minded font loading.
  • Verification: Validate hierarchy, consistency, readability, personality alignment, and performance trade-offs to ensure changes are practical and measurable.
  • Use Cases: Polishing a product's UI text hierarchy, improving longform content readability on marketing pages, and standardizing type tokens in a design system.

Quick Start

Use the typeset skill to analyze the provided interface or content and return a prioritized, step-by-step typography 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 inconsistent typography and poor text hierarchy in a UI?▼

To fix inconsistent typography in a UI, you must diagnose font choices, hierarchy, sizing, weight, and spacing, then establish a systematic plan with a modular type scale and defined weight roles.

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

A modular type scale is a structured system of font sizes that improves readability by creating clear visual hierarchy, ensuring text relationships feel deliberate rather than accidental across content.

How do I standardize type tokens for a design system?▼

Standardize type tokens for a design system by defining a modular type scale, assigning specific weight roles, and setting spacing and line-height recommendations to ensure consistent UI text application.

Can I get web font loading guidance that balances performance and accessibility?▼

Yes, typography planning includes performance-minded web font loading strategies alongside accessibility checks for contrast, zoom, and WCAG compliance to ensure readable and fast-loading text.

What's the best way to assess poor font pairings and invisible defaults in content?▼

The best way to assess poor font pairings is to perform a systematic audit that identifies invisible defaults, muddy hierarchy, and readability issues across user interfaces and marketing pages.

Does typography planning work for both longform marketing pages and app interfaces?▼

Yes, typography planning works for both contexts by prescribing specific sizing strategies for app UIs and marketing pages, ensuring optimal readability and hierarchy tailored to each format.

Related Skills

Explore More Design & Creative Skills→
MartinoPoloMartinoPolo

gk-mockup

Generate HTML UI mockup variants from Grovekeeper design briefs.

Community
Intermediate
HDeiblerHDeibler
6

hierarchy-typographic

Construct typographic hierarchies with type scales, weight ladders, line-height, and measure.

Community
Intermediate
curiositechcuriositech
181

web-design-expert

Generate web designs with brand identity, color palettes, typography, and UI/UX patterns.

Official
Intermediate
han-so1omonhan-so1omon
1

typeset

Analyze document typography and produce a scalable type system plan.

Community
Advanced