web-typography

@wondelai · 收录于 1 周前 · 上游提交 1 周前

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.

场景网页排版字体选择阅读体验

适合你，如果你需要为网站选择或优化字体排版

/ 下载安装

https://github.com/wondelai/skills/tree/main/web-typography ↗

/ 通过 npx 安装 校验哈希

npx oh-my-skill add wondelai/skills/web-typography

/ 通过 bash 安装

curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- wondelai/skills/web-typography

/ 已经装过?验证本机副本,不用重装

npx oh-my-skill verify wondelai/skills/web-typography

安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。

1589GitHub stars

~3.8K最小装载

~13.2K含声明引用

~13.2K文本包总量

镜像托管

怎么用

商店整理自技能原文 · 版本 326b380 · 表述以原文为准

它做什么

安装后，Claude 会帮你选择、搭配网页字体，并给出 CSS 代码。它会评估可读性、优化加载性能，确保文字清晰易读。

什么时候触发

当你提到“字体搭配”、“行高”、“响应式排版”、“网页字体加载”等关键词，或要求优化长文可读性时触发。

装好后可以这样说

Claude 会推荐字体组合并给出 CSS 代码。

Claude 会按 10 分制打分并指出问题。

Claude 会生成从手机到桌面平滑缩放的 CSS。

技能原文在 GitHub 查看 →

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。

…