typeset

Select fonts, establish hierarchy, and enforce modular type scales for design systems.

5|Updated Apr 18, 2026

Search Tags:#typography #branding #accessibility #readability #design-system #type-scale #font-pairing

Ready to run

npx skills add https://github.com/russosalv/NONoise --skill typeset-russosalv

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/russosalv/NONoise/tree/main/packages/skills/vendor/impeccable/typeset
Command: npx skills add https://github.com/russosalv/NONoise --skill typeset-russosalv

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Typography improvements help make text legible, consistent, and intentional across brand and product surfaces, reducing visual noise.

Core Features & Use Cases

Font selection & pairing: Choose fonts that reflect the brand and create a strong, readable hierarchy.
Type scale & spacing: Define a modular scale and spacing rules for body text, headings, and UI elements.
Readability & accessibility: Ensure contrast, line length, and responsive typography across devices and contexts.
Use Case: When a product's UI feels generic, apply typographic guidelines to establish a polished, accessible design system.

Quick Start

Provide your current typography context (fonts, colors, and usage) and let the skill generate a cohesive type system.

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 design system?▼

To establish a modular type scale, you define proportional sizing rules for headings, body text, and UI elements. This skill generates a controlled, cohesive type system with semantic token naming to ensure maintainable and consistent typography across platforms.

What is the best way to fix inconsistent typography in a UI?▼

Fixing inconsistent typography requires selecting suitable fonts and enforcing a clear hierarchy with controlled weights. This skill polishes generic UI text by applying a structured type system that enhances brand alignment and readability.

How do I choose font pairings that improve readability and accessibility?▼

Choosing accessible font pairings involves selecting combinations that create a strong visual hierarchy while maintaining readable sizing. The skill evaluates contrast, line length, and spacing to ensure text remains accessible across different devices and contexts.

Can I use this to generate semantic token names for my typography?▼

Yes, generating semantic token names is a core function of this skill. It establishes a maintainable design system by mapping modular type scales, font weights, and accessible contrast rules to standardized semantic tokens.

What do I need to provide to generate a cohesive type system?▼

You need to provide your current typography context, including existing fonts, colors, and usage patterns. Supplying this input allows the skill to evaluate your baseline and generate a polished, brand-aligned typographic design system.