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
- Read Page File - Identify all section components imported
- 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
- Update i18n Files - Add description keys for sections missing them
- Report Changes - List all modifications made
CRITICAL: Every Section Needs h2 + p
Problem: Many sections have only an h2 heading without a description paragraph.