skills.rest
effiemincer
effiemincerCOMMUNITY
Explore all skills by this author →
GitHub

typeset

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

Updated Mar 16, 2026
Search Tags:#typography#consistency#readability#brand#ui-design#design-system#font
One-click install
npx skills add https://github.com/effiemincer/contract-review-pipeline --skill typeset-effiemincer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/effiemincer/contract-review-pipeline/tree/main/.agents/skills/typeset
Command: npx skills add https://github.com/effiemincer/contract-review-pipeline --skill typeset-effiemincer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Typography that feels generic or inconsistent is hard to read and undermines brand coherence across digital content; this skill guides designers and developers to identify weaknesses and craft a deliberate typographic system.

Core Features & Use Cases

  • Assess current typography for font choices, hierarchy, sizing, and readability
  • Plan and implement a unified type scale, weight strategy, and spacing
  • Produce actionable recommendations and a ready-to-apply typographic system for UI and content
  • Use case: when a product's UI presents inconsistent headings and body text, the skill yields a cohesive typography plan and style guide

Quick Start

Describe the target component or document to improve typography for and request a cohesive typography plan.

Frequently Asked Questions about typeset

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

FAQPage Schema
How do I fix inconsistent typography and establish a clear type scale for my UI?▼

To fix inconsistent typography, you assess current font choices, hierarchy, sizing, and weight consistency to produce a cohesive type scale and a practical style guide for UI implementation.

What is a typography design system and why do I need one for my digital content?▼

A typography design system is a deliberate framework governing font choices, hierarchy, and spacing. You need it because generic or inconsistent text undermines brand coherence and creates readability issues across digital interfaces.

Can I use this typography system for both web and mobile interfaces?▼

Yes, the typography plan applies to UI, marketing materials, and documentation across both web and mobile interfaces, emphasizing brand-consistent typographic systems and accessible readability.

What's the best way to generate CSS and design tokens for a font hierarchy?▼

The best way to generate CSS and design tokens is to plan a unified type scale and weight strategy, yielding actionable recommendations and a ready-to-apply typographic system for implementation.

Why does my product UI present inconsistent headings and body text?▼

Inconsistent headings and body text occur when a product lacks a deliberate typographic system. Assessing font choices, hierarchy, sizing, and weight consistency reveals weaknesses to create a cohesive typography plan.

Related Skills

Explore More Design & Creative Skills→
saschadudkin-sketchsaschadudkin-sketch

typeset

Analyzes and improves typography in digital documents for readability and consistency.

Community
Intermediate
YuDefineYuDefine
45

typeset

Assess and plan typography improvements for web and mobile UI projects.

Official
Intermediate
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
han-so1omonhan-so1omon
1

typeset

Analyze document typography and produce a scalable type system plan.

Community
Advanced