skills.rest
nattergabriel
nattergabrielCOMMUNITY
Explore all skills by this author →
𝕏@eterdevGitHub

typeset

Assess typography in UI and content to establish modular type scales and accessible hierarchy.

2|Updated Mar 18, 2026
Search Tags:#typography#branding#accessibility#readability#design-principles#type-system#font-selection
One-click install
npx skills add https://github.com/nattergabriel/oasis-greenhouse --skill typeset-nattergabriel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/nattergabriel/oasis-greenhouse/tree/main/frontend/.agents/skills/typeset
Command: npx skills add https://github.com/nattergabriel/oasis-greenhouse --skill typeset-nattergabriel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Typography in UI and content often feels generic or inconsistent, reducing readability and brand impact. This skill identifies typography flaws and prescribes principled fixes to ensure clear, intentional text aligned with brand guidelines.

Core Features & Use Cases

  • Typography assessment: evaluate font choices, hierarchy, sizing, and line spacing for readability.
  • Scale and rhythm: establish a modular type scale and weight system to create consistent hierarchy.
  • Accessibility alignment: improve contrast and legibility to meet WCAG guidelines across contexts.

Quick Start

Analyze a design or codebase to propose a polished type system that improves readability and brand alignment.

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 readability in my UI design?▼

To fix inconsistent typography in UI design, you apply a principled type system that establishes a modular scale, consistent font weights, and accessible contrast to ensure clear, intentional text aligned with brand guidelines.

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

A modular type scale is a structured system of font sizes and proportions that creates consistent visual hierarchy. It improves UI hierarchy by applying principled sizing and weight relationships, making text predictable and readable across breakpoints.

How do I ensure my web typography meets WCAG accessibility guidelines?▼

To ensure web typography meets WCAG accessibility guidelines, evaluate and adjust font choices, contrast levels, and legibility. This aligns text behavior across contexts to satisfy accessibility requirements for readable content.

Can I use a typography system to align text styling across web and mobile platforms?▼

Yes, you can use a typography system to align text styling across web and mobile platforms. It targets frontend UI, documentation, and marketing content to fix font choices, sizing, and hierarchy for predictable behavior across breakpoints.

How do I analyze an existing codebase to fix font selection and hierarchy issues?▼

To analyze a codebase for font selection and hierarchy issues, assess the current typography flaws and prescribe principled fixes. This establishes a polished type system that enhances readability and brand alignment.

Related Skills

Explore More Design & Creative Skills→
deomiarndeomiarn

typography-audit

Audit typography hierarchy and fix header structure across page sections.

Community
Advanced
davidbasilefilhodavidbasilefilho

typeset

Diagnose and resolve font choices, hierarchy, and readability issues.

Community
Intermediate
alex-voloshin-devalex-voloshin-dev
2

ui-ux-design

Standardize UI/UX design systems and WCAG 2.2 AA accessibility compliance through structured auditing and documentation workflows.

Community
Advanced
shelbeelyshelbeely
4

material-design-3-typography

Implement Material Design 3 Expressive typography with variable fonts and a 30-style type scale.

Community
Intermediate