What problem does it solve?
Many interfaces and content pages use generic or inconsistent typography that reduces readability, weakens information hierarchy, and undermines brand personality; this Skill diagnoses those issues and prescribes systematic typographic fixes so text reads as intentional and clear.
Core Features & Use Cases
- Assessment checklist for font choices, hierarchy, sizing, weight contrast, line-length, and contrast to pinpoint typographic weaknesses.
- Systematic prescriptions: font selection, modular type scale, weight roles, spacing rules, and webfont loading strategies tailored to apps or marketing pages.
- Readability and accessibility fixes: minimum body size, line-height recommendations, max-width in ch, and contrast guidance to meet usability and WCAG goals.
- Verification steps to confirm hierarchy, consistency, performance, and personality after changes are applied.
- Use Case: Convert a default-looking app UI into a clear typographic system with a recommended font pairing, scale, and CSS tokens.
Quick Start
Run the typeset skill to audit the provided UI or page and produce a concise typographic system including font choices, type scale, weight roles, spacing rules, and verification checks.