skills.rest
Olatisunkanmi
OlatisunkanmiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

i-typeset

Assess typography and propose modular type scales with font pairings.

8|1|Updated Mar 14, 2026
Search Tags:#typography#accessibility#readability#fonts#ui-design#design-system#type-scale
One-click install
npx skills add https://github.com/Olatisunkanmi/claudefiles --skill i-typeset-olatisunkanmi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: i-typeset
Source: https://github.com/Olatisunkanmi/claudefiles/tree/main/skills/i-typeset
Command: npx skills add https://github.com/Olatisunkanmi/claudefiles --skill i-typeset-olatisunkanmi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Fixes generic, inconsistent, or poorly structured typography by turning default-looking text into intentional, readable, and well-hierarchized type that matches brand personality and accessibility needs.

Core Features & Use Cases

  • Assessment: Diagnose font choices, hierarchy, scale, spacing, contrast, and consistency across product UIs and content pages.
  • Actionable Plan: Propose font selections, a modular type scale, weight roles, spacing and line-height rules, and implementation guidance for web and design systems.
  • Verification & Handoffs: Provide a verification checklist (accessibility, contrast, font-loading performance) and a clear change list for designers and engineers to implement.

Quick Start

Ask the skill to audit the project's typography and propose a type scale, font pairings, and specific CSS changes.

Frequently Asked Questions about i-typeset

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

FAQPage Schema
How do I improve readability and hierarchy in my web app typography?▼

Improving readability and hierarchy in web app typography requires assessing font choices, scale, and spacing. This skill diagnoses inconsistent text structures and provides a change plan with specific CSS adjustments for better visual flow.

What is a modular type scale and how do I create one for a design system?▼

A modular type scale is a structured set of font sizes based on a consistent ratio. This skill helps you establish a modular type scale by defining specific sizes, weights, and line-heights to ensure consistency across your design system.

How do I check font accessibility and contrast in UI design?▼

Checking font accessibility and contrast in UI design involves verifying text readability against backgrounds. This skill includes a verification checklist to assess contrast ratios, accessibility compliance, and font-loading performance for your interfaces.

Can I use this to plan font pairings and weights for marketing pages?▼

Yes, you can use this to plan font pairings and weights for marketing pages. It proposes specific font selections, defines weight roles, and generates spacing rules that align text with your brand personality and readability needs.

What is the best way to fix generic and inconsistent typography in a user interface?▼

The best way to fix generic and inconsistent typography in a user interface is to audit current font choices and establish a modular type scale. This skill diagnoses poor text structure and provides actionable implementation guidance for designers and engineers.

Related Skills

Explore More Design & Creative Skills→
deomiarndeomiarn

typography-audit

Audit typography hierarchy and fix header structure across page sections.

Community
Advanced
Daiwik-ChilukuriDaiwik-Chilukuri

typeset

Correct inconsistent typography and generate font pairings, type scales, and CSS tokens.

Community
Intermediate
phazurlabsphazurlabs
35

UI Visual Design System

Define visual design systems for typography, color, spacing, and accessibility.

Community
Advanced
erichowenserichowens
181

typography-expert

Generates font pairings and CSS type scales for web typography.

Community
Advanced