typeset

Audit and correct typography for digital interfaces with CSS tokens.

Updated Apr 5, 2026
One-click install
npx skills add https://github.com/kireevkit15-sys/-1 --skill typeset-kireevkit15-sys
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/kireevkit15-sys/-1/tree/main/skills/typeset
Command: npx skills add https://github.com/kireevkit15-sys/-1 --skill typeset-kireevkit15-sys

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about typeset

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

FAQPage Schema
How do I improve text readability and typographic hierarchy in a web interface?

Improve text readability and typographic hierarchy by auditing font choices, weight contrast, and line-length, then applying a systematic modular type scale and spacing rules. This process diagnoses inconsistent typography and prescribes fixes so digital interfaces read clearly and intentionally.

What is a modular type scale and how does it fix inconsistent web fonts?

A modular type scale is a systematic set of proportional font sizes used to establish clear visual hierarchy. It fixes inconsistent web fonts by replacing arbitrary sizing with structured relationships, ensuring text elements scale predictably across user interfaces and marketing pages.

What's the best way to set CSS typography tokens for a digital interface?

Set CSS typography tokens by defining explicit weight roles, spacing rules, and a modular type scale tailored to your content layout. This approach replaces generic styling with a structured typographic system, delivering consistent font sizing, readable line lengths, and clear hierarchy.

How do I choose a font pairing that meets accessibility contrast standards?

Choose a font pairing that meets accessibility contrast standards by evaluating readability alongside WCAG guidance for color contrast and minimum body size. A systematic typography audit prescribes pairings that maintain comfortable line lengths, a 16px base, and clear hierarchy without sacrificing brand personality.

What webfont loading strategy should I use to maintain typography performance?

Use a webfont loading strategy that balances visual rendering with performance by defining explicit weight roles and minimizing layout shift. A typographic system audit prescribes loading methods that deliver readable digital interfaces while maintaining fast initial text rendering.