typeset

Standardize fonts, hierarchy, spacing, and readability across UI content.

1|Updated Feb 5, 2026

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

Ready to run

npx skills add https://github.com/Niksh-Hiremath/Vidscreener --skill typeset-niksh-hiremath

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/Niksh-Hiremath/Vidscreener/tree/main/Skills/.agents/skills/typeset
Command: npx skills add https://github.com/Niksh-Hiremath/Vidscreener --skill typeset-niksh-hiremath

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Typography inconsistencies undermine readability and brand coherence; this skill provides a structured approach to standardize fonts, scale, and spacing to create intentional, legible text.

Core Features & Use Cases

Establish a modular type scale with clear hierarchy for body text, headings, and captions.
Define a typography token system (e.g., --text-body, --text-heading) and consistent weight usage.
Audit marketing or UI content for readability and accessibility, then propose brand-aligned font pairings.

Quick Start

Analyze the current typography and generate a concrete plan to align fonts, hierarchy, and spacing with the brand.

Frequently Asked Questions about typeset

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

FAQPage Schema

How do I fix typography inconsistencies in a UI design system?▼

Establish a modular type scale with semantic tokens like --text-heading and --text-body to standardize fonts, apply weight discipline, and ensure readable line lengths for clear visual hierarchy across all interfaces.

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

A modular type scale is a structured ratio system defining font sizes for headings, body text, and captions. It improves readability by enforcing consistent visual hierarchy and spacing relationships across all content.

How do I audit marketing site typography for accessibility compliance?▼

Audit marketing site typography for accessibility by checking contrast guidelines, evaluating readable line lengths, and verifying weight discipline to ensure legible text that meets compliance standards and improves brand perception.

Can I use semantic typography tokens for dashboards and editorial content?▼

Yes, semantic typography tokens like --text-body and --text-heading can be applied to dashboards and editorial content to maintain consistent styling, hierarchy, and readability across varied UI components and layouts.

What is the best way to define font pairings for brand-aligned design systems?▼

Define brand-aligned font pairings by auditing existing typography for readability, then selecting complementary fonts that establish a clear modular type scale and maintain weight discipline across the design system.

Why does inconsistent typography undermine brand perception in web interfaces?▼

Inconsistent typography undermines brand perception because irregular fonts, broken hierarchy, and poor spacing create visual friction, reducing readability and weakening the cohesive brand identity users expect across interfaces.