Better Typography
Reviews and refines web typography implementations across type scales, line heights, font features, wrapping rules, and punctuation.
Better Typography provides opinionated, production-grade rules and automated auditing heuristics to ensure digital text renders beautifully across devices and browsers. It guides AI code generation to eliminate common typographic bugs like synthesized fonts, pixel-based line heights, unconstrained line lengths, layout shifts on tabular data, and mobile input zoom issues on iOS Safari. By standardizing semantic type scales, proper CSS font properties over raw tags, balanced text wrapping, and smart punctuation, this skill ensures your typography communicates visual hierarchy clearly and cleanly within any CSS or Tailwind-based project.