Web Typography

wondelai/skills

Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loading", "type hierarchy", "variable fonts", "FOUT/FOIT", "typographic scale", or "the text is hard to read". Also trigger when choosing between system fonts and web fonts, optimizing font-loading performance, or designing readable long-form content. Covers readability evaluation, CSS implementation, and performance optimization. For overall UI design systems, see refactoring-ui. For dramatic typographic experiences, see top-design.

Inhalt aktualisiert:

Auf GitHub ansehen
npx skills add wondelai/skills --skill web-typography
2.702Sterne266ForksLetzter Repository-Push

Über diesen Skill

Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loading", "type hierarchy", "variable fonts", "FOUT/FOIT", "typographic scale", or "the text is hard to read". Also trigger when choosing between system fonts and web fonts, optimizing font-loading performance, or designing readable long-form content. Covers readability evaluation, CSS implementation, and performance optimization. For overall UI design systems, see refactoring-ui. For dramatic typographic experiences, see top-design.

Warum wir es empfehlen

Summarized from the original wondelai/skills SKILL.md by wondelai; the original upstream instructions were used.

Wobei es hilft

  • Use this workflow when the task matches the original Web Typography instructions.

Vor der Nutzung

  • Read the original SKILL.md and referenced files in wondelai/skills.

Quellen und Referenzen

Die Originalquellen sind unten verlinkt. Praktische Einstiegsideen sind redaktionelle Vorschläge von SkillHey.