skills.rest
tillysoso
tillysosoCOMMUNITY
Explore all skills by this author →
GitHub

typography-audit

Audit CSS/HTML typography and generate code-ready fixes for punctuation, fonts, sizing, spacing, and OpenType features.

Updated Sep 10, 2025
Search Tags:#typography#web-design#css-audit#brand-identity#type-scale#font-family#font-feature-settings
One-click install
npx skills add https://github.com/tillysoso/mv1 --skill typography-audit-tillysoso
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typography-audit
Source: https://github.com/tillysoso/mv1/tree/main/.claude/skills/typography-audit
Command: npx skills add https://github.com/tillysoso/mv1 --skill typography-audit-tillysoso

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits web typography quality across punctuation, font selection, sizing, spacing, OpenType features, hierarchy, layout, typeface pairing, brand identity, and display type. Use when writing CSS/HTML for text, selecting or pairing typefaces, reviewing typography in web designs, configuring font-feature-settings, building a type system, or auditing typographic quality. Triggers on tasks involving font-family, font-size, line-height, letter-spacing, @font-face, font pairing, or typographic correctness.

Core Features & Use Cases

  • Audits typography across punctuation, font selection, sizing, spacing, OpenType features, hierarchy, layout, typeface pairing, brand identity, and display type.
  • Validates typography against CSS rules and design-system guidelines to surface concrete fixes.
  • Enables building and maintaining a cohesive type system and brand typography across projects.

Quick Start

Use the typography audit skill to inspect typography in CSS/HTML files and apply the reportable fixes.

Frequently Asked Questions about typography-audit

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

FAQPage Schema
How do I audit web typography issues in my CSS and HTML?▼

To audit web typography, inspect CSS and HTML rules targeting font-family, font-size, line-height, letter-spacing, and @font-face declarations to pinpoint typographic issues and output actionable, code-ready fixes.

What is a type scale audit and when do I need one for web design?▼

A type scale audit evaluates font sizing and hierarchy consistency across a design system. You need one when building or maintaining a cohesive type system to ensure visual balance and proper text hierarchy in web designs.

How do I review font pairing and brand identity consistency in a design system?▼

Review font pairing and brand identity by examining font-family declarations and typeface combinations across your codebase. This validates that your selected typefaces align with brand guidelines and maintain typographic cohesion.

Can I check OpenType features and font-feature-settings in my CSS?▼

Yes, you can check OpenType features by auditing font-feature-settings rules in your CSS. This surfaces issues with advanced typographic controls and provides concrete fixes to ensure proper character rendering and display type polish.

Does this typography audit work for live websites and local codebases?▼

The typography audit applies to both live sites and local codebases. It examines CSS and HTML files to identify punctuation, spacing, and font selection issues, delivering reportable fixes suitable for any web project environment.

Related Skills

Explore More Design & Creative Skills→
mblodemblode
75

audit-typography

Audits web typography for punctuation, font, sizing, spacing, and OpenType issues.

Community
Advanced
anishs1207anishs1207
1

frontend-design

Design production-grade frontend interfaces with HTML/CSS/JS and design tokens.

Community
Advanced
deomiarndeomiarn

typography-audit

Audit typography hierarchy and fix header structure across page sections.

Community
Advanced
curiositechcuriositech
181

typography-expert

Provide expert guidance on font selection, typographic hierarchy, and web typography optimization.

Official
Advanced