skills.rest
Catsofsuffering
CatsofsufferingCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

typeset

Assess typography and produce implementation-ready CSS tokens and type scale recommendations.

5|1|Updated Apr 8, 2026
Search Tags:#typography#accessibility#readability#fonts#design-system#hierarchy#type-scale
One-click install
npx skills add https://github.com/Catsofsuffering/CCGS --skill typeset-catsofsuffering
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/Catsofsuffering/CCGS/tree/main/templates/skills/impeccable/typeset
Command: npx skills add https://github.com/Catsofsuffering/CCGS --skill typeset-catsofsuffering

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Poor or generic typography makes content harder to read, undermines brand personality, and creates a muddled hierarchy that confuses users; this Skill identifies those weaknesses and prescribes focused improvements to font choice, scale, weight, spacing, and readability.

Core Features & Use Cases

  • Typography assessment: Diagnose font defaults, hierarchy issues, inconsistent weights, poor sizing, and low contrast across interfaces and content.
  • Systematic remediation: Recommend font pairing, a modular type scale, weight roles, spacing and line-height rules, and accessibility-focused contrast improvements.
  • Implementation-ready guidance: Produce style token names, CSS suggestions (rem-based scales, clamp for marketing headings), and loading strategies that minimize layout shift for developers and designers.

Quick Start

Assess the current page's text and produce a concise plan that lists font changes, a 5-step type scale, weight roles, and practical CSS/token recommendations for implementation.

Frequently Asked Questions about typeset

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

FAQPage Schema
How do I improve readability and fix inconsistent typography in a web interface?▼

Improving readability requires diagnosing font defaults and establishing a modular type scale with defined weight roles and line-height rules to fix inconsistent typography. This process replaces generic styling with intentional, systematic hierarchy.

What is a modular type scale and how does it help design systems?▼

A modular type scale is a systematic set of font sizes that ensures consistent visual hierarchy across a design system. It helps by producing implementation-ready rem-based sizing tokens, preventing arbitrary text scaling and muddled hierarchy.

How do I generate implementation-ready CSS for typography tokens?▼

Generating implementation-ready CSS involves translating a type scale into rem-based rules and using clamp for marketing headings. This produces style token names and loading strategies that minimize layout shift for developers.

Can I use this to fix low-contrast text and accessibility issues on marketing pages?▼

Yes, it systematically addresses low-contrast text and accessibility issues on marketing pages by prescribing focused readability improvements. It reviews existing styles to ensure font choices, weights, and spacing meet accessibility standards.

What is the best way to choose font pairings for a content system?▼

The best way to choose font pairings for a content system is through systematic remediation that assesses brand personality and readability. This yields intentional font combinations with defined weight roles instead of generic defaults.

Related Skills

Explore More Design & Creative Skills→
effiemincereffiemincer

typeset

Assess typography and produce a type scale, weight mapping, and style guide for CSS.

Community
Intermediate
DanialHaseebDanialHaseeb

typeset

Diagnose and correct typography in UI and content text.

Community
Intermediate
wasintohwasintoh
90

design-excellence

Polish AI-built UI with color, typography, spacing, and motion guidelines.

Community
Basic
erichowenserichowens
181

typography-expert

Generates font pairings and CSS type scales for web typography.

Community
Advanced