mblode avatar

Typography Audit

A comprehensive typography linter that checks web projects against 89 rules across ten categories, from critical issues like straight quotes and faux italics to polish like OpenType feature activation and typeface pairing. It audits progressively by loading only relevant rule categories, prioritizes critical punctuation and font setup problems over medium priority polish, and reports findings with file locations and concrete fixes. Works well when reviewing CSS typography systems, configuring font stacks, or catching common web type errors before they ship. The gotchas section is honest about scope: this audits existing work against best practices, it doesn't redesign your typography or suggest new scales. If you've ever shipped curly quotes rendered as straight or accidentally used font-weight to fake a bold, this catches that.

skills.sh installs
1.1K
GitHub stars
191
last updated
Aug 21, 2026

Install

$ npx -y skills add mblode/agent-skills --skill typography-audit --agent claude-code

Installs into .claude/skills of the current project.

Files

Typography Audit

78 rules in 10 categories for web typography. Every finding names file, rule, and fix.

  • IS: typography only: font loading, sizing, punctuation, spacing, hierarchy, text layout, OpenType features, typeface pairing, brand type, display type.
  • IS NOT: broad UI review (accessibility, forms, navigation: use ui-design Audit mode), or a redesign (new typefaces, scales: use ui-design Direction mode).

Audit Workflow

Track this checklist:

Audit progress:
- [ ] Step 1: Scope. List changed files (or full sweep), map signals to categories
- [ ] Step 2: Run CRITICAL rules in scope (font-, size-, punct-)
- [ ] Step 3: Run HIGH rules in scope (spacing-)
- [ ] Step 4: Run remaining in-scope categories by descending priority
- [ ] Step 5: Report per the contract; every finding has file:line, rule ID, fix

Sponsors

Details

Repository
github.com/mblode/agent-skills
Categories
Frontend Development, Git & Pull Requests, Documentation, Code Review & Quality, AI & Agent Building, Debugging, Marketing & SEO, Design & UI/UX
First seen
Jun 3, 2026

More from mblode/agent-skills

All 22
1kostja94 avatarcardkostja94/marketing-skillsWhen the user wants to design, optimize, or audit card layouts for content display. Also use when the user mentions "card layout," "card component," "card grid,1.1Kskills.sh installs
2davila7 avatarmuidavila7/claude-code-templatesMaterial-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI com1.1Kskills.sh installs
3kostja94 avatargridkostja94/marketing-skillsWhen the user wants to design, optimize, or audit grid layouts for content display. Also use when the user mentions "grid layout," "grid design," "multi-column 1.1Kskills.sh installs
4inference-sh avatarjavascript-sdkinference-sh/skillsJavaScript/TypeScript SDK for inference.sh - run AI apps, build agents, integrate with all models. Package: @inferencesh/sdk (npm install). Full TypeScript supp1.1Kskills.sh installs
5mindrally avatarvuejs-typescript-best-practicesmindrally/skillsVue.js and TypeScript best practices for building performant applications with Vite, Pinia, VueUse, and Tailwind CSS.1.1Kskills.sh installs
6inference-sh avatarchat-uiinference-sh/skillsChat UI building blocks for React/Next.js from ui.inference.sh. Components: container, messages, input, typing indicators, avatars. Capabilities: chat interface1.1Kskills.sh installs