skills.rest
mblode
mblodeCOMMUNITY
Explore all skills by this author →
Website𝕏@mattblodeGitHub

audit-typography

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

75|6|Updated Jan 12, 2026
Search Tags:#typography#branding#consistency#accessibility#audit#design-system#web
One-click install
npx skills add https://github.com/mblode/agent-skills --skill audit-typography-mblode
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit-typography
Source: https://github.com/mblode/agent-skills/tree/main/skills/audit-typography
Command: npx skills add https://github.com/mblode/agent-skills --skill audit-typography-mblode

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Typography quality on the web often suffers from inconsistent punctuation, mismatched font choices, improper sizing, uneven spacing, and misapplied OpenType features, leading to brand drift and reduced readability. The Skill provides a structured audit method that codifies typography standards and surfaces actionable fixes across a design system.

Core Features & Use Cases

  • Surface punctuation, font selection, sizing, and spacing issues across CSS/HTML and content pipelines.
  • Validate OpenType features, kerning, tracking, line height, and measure against a defined type system to ensure consistent hierarchy and accessibility.
  • Apply to design systems, marketing pages, documentation, and UI components to harmonize typography with brand identity.

Quick Start

Run a typography audit on a design system to surface inconsistencies and generate a prioritized list of fixes.

Frequently Asked Questions about audit-typography

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

FAQPage Schema
How do I audit web typography for consistency and accessibility issues?▼

Auditing web typography involves reviewing CSS and HTML to surface punctuation, font, sizing, and spacing issues, while validating OpenType usage, kerning, and line height against a defined type system to ensure readability.

What is the best way to validate OpenType features and kerning in a design system?▼

Validating OpenType features and kerning requires checking CSS rules and content pipelines against a defined type system, ensuring tracking, line height, and measure are applied consistently to maintain typographic hierarchy.

How do I fix inconsistent punctuation and font selection across web pages?▼

Fixing inconsistent punctuation and font selection requires running a structured typography audit across CSS, HTML, and content pipelines to identify mismatches, generating a prioritized list of actionable fixes to enforce brand standards.

Can I use a typography audit to check line height and measure in UI components?▼

Yes, applying a typography audit to UI components checks line height and measure, verifying that spacing and layout adhere to the defined type system to harmonize text with brand identity and improve accessibility.

When do I need to audit typography in a content pipeline?▼

Auditing typography in a content pipeline is needed when brand drift or readability issues arise from misapplied OpenType features, uneven spacing, or improper sizing, requiring validation against a structured type system.

Does a typography audit check font-face deployment and spacing in CSS?▼

Yes, a typography audit checks CSS to validate font-face deployment, kerning, tracking, and line height, ensuring that all typographic choices satisfy the requirements of the defined type system and maintain layout consistency.

Related Skills

Explore More Design & Creative Skills→
Overlord-ZOverlord-Z

style-master

Analyze frontend codebases to extract design tokens and detect styling inconsistencies.

Community
Advanced
tillysosotillysoso

typography-audit

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

Community
Advanced
eboodyeboody

ui-expert

Audit UI designs for visual hierarchy, spacing, typography, and design-system consistency.

Community
Advanced
bacchus-labsbacchus-labs
4

visual-regression-testing

Automate visual regression testing by comparing screenshots against baselines.

Official
Advanced