typography-audit

Installation
SKILL.md

Typography Audit

Audit and fix typography structure in page sections. Ensures proper heading hierarchy, left-aligned section headers, and consistent max-width constraints.

Workflow

  1. Read Page File - Identify all section components imported
  2. For Each Section Component (skip Hero/CTA):
    • Check heading hierarchy (no skipping levels)
    • Check if h2 has a sibling <p> description - if not, ADD one
    • Wrap standalone h2 in <div className="max-w-3xl mb-10">
    • Fix centering issues on existing headers
    • Add max-w-3xl wrapper if missing
  3. Update i18n Files - Add description keys for sections missing them
  4. Report Changes - List all modifications made

CRITICAL: Every Section Needs h2 + p

Problem: Many sections have only an h2 heading without a description paragraph.

Installs
2
First Seen
Feb 28, 2026
typography-audit — manuelvillarvieites/n8n-and-claude