skills.rest
chuan-khuna
chuan-khunaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

typeset

Audit UI typography and generate a modular type system with hierarchy and contrast.

3|1|Updated Mar 5, 2024
Search Tags:#typography#ui#accessibility#readability#contrast#type-system#typography-design
One-click install
npx skills add https://github.com/chuan-khuna/digital-garden-2024 --skill typeset-chuan-khuna
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/chuan-khuna/digital-garden-2024/tree/main/.agents/skills/typeset
Command: npx skills add https://github.com/chuan-khuna/digital-garden-2024 --skill typeset-chuan-khuna

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Solves the problem of generic, inconsistent typography by enforcing intentional font choices, hierarchy, and readability across interfaces.

Core Features & Use Cases

  • Establishes a modular type scale with clear hierarchy across headings, body, and captions.
  • Defines consistent font families, weights, letter-spacing, and line-heights to improve readability and brand alignment.
  • Supports accessibility and contrast guidelines to ensure legibility for diverse audiences across web and mobile contexts.

Quick Start

Ask the AI to audit a UI’s typography and generate a modular type system with a scalable rhythm, contrast, and readability targets.

Frequently Asked Questions about typeset

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

FAQPage Schema
How do I establish a modular type scale for a digital interface?▼

A modular type scale establishes clear visual hierarchy across headings, body, and captions using consistent font families, weights, letter-spacing, and line-heights to improve readability and brand alignment.

What's the best way to improve typography readability for web and mobile contexts?▼

Improve typography readability by defining consistent font families, weights, letter-spacing, and line-heights, while enforcing readable line lengths and accessibility-friendly contrast across components for diverse audiences.

Can I audit my product UI's typography and generate a scalable type system?▼

Yes, you can audit a UI's typography to generate a modular type system with a scalable rhythm, contrast targets, and readability goals for product interfaces and marketing pages.

Does this typography approach support accessibility and contrast guidelines?▼

Yes, it supports accessibility and contrast guidelines to ensure legibility for diverse audiences, enforcing accessibility-friendly contrast across components in web and mobile contexts.

Why does my UI typography look generic and inconsistent across components?▼

Generic, inconsistent typography happens without intentional font choices, hierarchy, and readability rules; enforcing a modular type scale with clear hierarchy resolves this across interface components.

Related Skills

Explore More Design & Creative Skills→
erichowenserichowens
181

typography-expert

Generates font pairings and CSS type scales for web typography.

Community
Advanced
ihlamuryihlamury
73

loom-ui-skills

Enforce Loom's UI design system with color tokens, Inter font, and 4px spacing grid.

Community
Intermediate
launchapp-devlaunchapp-dev
38

typography-scale

Define a ratio-based modular typography scale for UI design.

Official
Intermediate
arvindbattulaarvindbattula

design-typography

Audit font choices, hierarchy, and readability to produce consistent typography systems.

Community
Intermediate