typography-audit

Audit typography hierarchy and fix header structure across page sections.

Updated Nov 18, 2025
One-click install
npx skills add https://github.com/deomiarn/website-template --skill typography-audit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typography-audit
Source: https://github.com/deomiarn/website-template/tree/main/.claude/skills/typography-audit
Command: npx skills add https://github.com/deomiarn/website-template --skill typography-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Verifies and fixes typography hierarchy, header alignment, and max-width constraints to improve readability and structure.

Core Features & Use Cases

  • Hierarchy Validation: Ensure sequential h1 → h2 → h3 order.
  • Header Wrapping: Wrap headers in containers with max-w-3xl mb-10.
  • i18n: Add missing section descriptions to German and English files.

Quick Start

Run the audit on all sections, apply fixes, and add missing i18n description keys.

Frequently Asked Questions about typography-audit

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

FAQPage Schema
How do I audit and fix typography hierarchy on my website?

Typography hierarchy audit validates sequential h1 → h2 → h3 ordering, wraps headers in max-w-3xl mb-10 containers, removes centering classes, ensures left alignment, adds missing section descriptions to i18n files, and reports all changes made.

What heading structure problems does a typography audit catch?

A typography audit identifies missing h2 descriptions, inconsistent header sequences, headers without proper wrapping, centering misalignments, and incomplete i18n keys across non-hero and non-CTA sections.

Can I automatically fix typography issues across multiple pages?

Yes. The audit runs across all in-scope sections, applies fixes for hierarchy, wrapping, alignment, and i18n updates simultaneously, then reports the changes applied.

How does typography hierarchy improve accessibility?

Proper heading hierarchy with sequential order, consistent wrapping, left alignment, and complete descriptions helps assistive technology users navigate content structure predictably and understand section relationships.

Does the audit handle multilingual sites?

Yes. The audit adds missing section descriptions to both German and English i18n files and updates corresponding keys, ensuring translated content maintains consistent hierarchy and structure.

What's excluded from the typography audit scope?

Hero sections and call-to-action blocks are excluded from the audit; fixes apply only to standard content sections to preserve intentional design variations in marketing areas.