Generate HTML type specimens and implementation tokens for typographic critiques.
npx skills add https://github.com/metedata/design-crit --skill crit-typography
Please help me install this Agent Skill. Skill: crit-typography Source: https://github.com/metedata/design-crit/tree/main/skills/crit-typography Command: npx skills add https://github.com/metedata/design-crit --skill crit-typography
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.
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.
High-intent search queries and answers about installing and using this skill.
Generate a typographic system by producing HTML type specimens, hierarchy mappings, and paragraph samples that evaluate font selection, type scale, and readability for compare-and-refine critique rounds.
Evaluate font selection and type scale by assessing line length, line height, and x-height suitability against your project brief and locked layout, producing weight inventories to guide your decisions.
Create implementation-ready typography tokens by defining px and rem sizes, line-height ratios, letter spacing, and font loading strategy notes to lock and propagate typography downstream for developers.
Yes, you need locked layout and component specs, the project brief, and prior feedback JSON before defining a typographic system so scale and readability decisions align with the existing design.
Yes, you can assess text readability for mobile and web interfaces by generating type specimens that check line length, line height, and x-height suitability against your locked layout constraints.
Inconsistent typography damages legibility and brand tone because uncoordinated font choices and type scales disrupt readability and break downstream design system rules like color contrast and spacing.
JangidVishGenerate a Design DNA Document with visual direction, color, typography, and layout rules.
core-wrkTranslate brand voice into a typographic system with candidate families and a 6-step type scale.
wasintohPolish AI-built UI with color, typography, spacing, and motion guidelines.
cshyangAudit and implement systematic typography rules for websites and UI copy.
