用途:为使用 Google Fonts 的 web 项目生成完整排版系统,包含字体选择与排版比例(scale)。
主要能力:内置 1,923 款 Google Fonts 数据(含性格标签、对比度、正文字体适用性等),73 组经过验证的字体搭配,以及 8 种模块化排版比例;支持单字体(一项字体同时用于标题和正文,需覆盖 400 与 700 字重且适合正文)与字体搭配(两种字体形成排版对比)两种模式;可查询指定字体元数据、按关键词搜索排版比例。生成完整系统时输出 CSS 自定义属性、Tailwind 配置和带 preconnect 的 Google Fonts 引入链接,并含响应式断点建议。
使用方式:搜索示例 python3 scripts/search.py "modern clean SaaS" --mode single 或 --mode pair;生成示例 python3 scripts/generate-css.py --font "Inter" --scale major-third --format all。若连接了 google-fonts MCP server,优先使用其 search_fonts、generate_typography_system、lookup_font、list_scales、list_pairings 工具,脚本为仅安装 skill 时的回退方案。工作流为理解场景、搜索字体、展示前 3 项、生成系统、交付产物。showcase 提供 100 个预制排版系统,可按项目类型筛选。
适用场景:SaaS/仪表盘、博客/内容、营销/落地页、奢侈品/时尚、文档、电商、作品集、企业/政府等,资料给出对应的模式、比例与搜索词建议。
限制与质量规则:始终使用 display=swap;优先可变字体;正文不推荐单字重字体;正文仅用 Body_Suitable=="Yes" 的字体;按 A、B、C 层级优先;每项目最多 3 个字体系列;css2 URL 中字重用分号分隔(wght@400;700),范围用 ..(wght@100..900),逗号会被规范化,格式错误的轴和短划线范围会被拒绝。价格、平台支持等未提供。