crit-typography

What problem does it solve?

This Skill helps teams evaluate and define a complete typographic system so that font choices, type scale, hierarchy, and paragraph readability work across the locked layout and component set. It prevents inconsistent typography decisions that damage legibility, brand tone, and downstream work like color contrast and spacing.

Core Features & Use Cases

• Generate type specimens and HTML wireframes showing full scale specimens, hierarchy-in-context, paragraph samples, and weight/style inventories for compare-and-refine critique rounds.
• Assess readability and scale appropriateness by checking line length, line height, x-height suitability, and scale ratio against the project's brief and locked layout.
• Produce implementation tokens and guidance (px/rem sizes, line-height ratios, letter spacing, font loading strategy, and weight inventory) for designers and developers to lock and propagate downstream.

Quick Start

Run the crit-typography skill to produce 2–4 typographic options with specimens, hierarchy mapping, and implementation notes based on your brief and locked layout.