Summary

• Adds Web Typography Skill to Development & Code Tools.
• The project is an Apache-2.0 skill for AI coding agents working on front-end web typography.
• It covers font choice, fluid type scales, readable measure, vertical rhythm, web-font loading, CLS prevention, modern CSS type features, and WCAG-oriented text accessibility checks.

What problem it solves

AI coding agents often make web text technically styled but visually weak: random font sizes, over-wide measures, awkward heading wraps, inaccessible contrast, or web-font loading that causes layout shift. This skill gives agents a practical typography workflow and references for fixing those issues in real front-end projects.

Who uses this workflow

Front-end developers, design engineers, product builders, and AI agents working in HTML, CSS, JSX, Tailwind, or design-system code.

Attribution / inspiration source

The skill is an independent synthesis of widely taught typography and web-platform principles. It includes attribution/provenance notes for typographic lineage and public web documentation, without copying source prose or proprietary examples.

Example of how it is used

A user can ask: "Use Web Typography Skill to improve the readability, type scale, font loading, and accessibility of this landing page." The agent then checks font choice, measure, line-height, hierarchy, fluid type, font loading, CLS, and WCAG text accessibility.

Checks

• Public repository link works: https://github.com/simongonzalezdc/web-typography-skill
• Skill validation passes via ./scripts/validate.sh.
• gitleaks secret scan reports no leaks.
• GitHub license API detects Apache-2.0.