用途：为网页项目建立可读、系统化的排版体系，可作为技能或规范在编码环境中使用。
主要能力：
- 选择模块化字号比例（1.067 至 1.618，按数据密集、通用网页、编辑、营销等场景给出建议），并用 CSS 变量生成整条字号阶梯：size(n) = base × ratio^n。
- 字体配对规则与现成方案（如 Playfair Display + Source Sans 3、Inter 单字体、Space Grotesk 组合、JetBrains Mono + Inter 等），限定单页最多 2 种字体（含等宽最多 3 种）。
- 标题层级 h1–h6 的字号、字重、行高与字距建议，强调不跳级、用类名而非标签控制外观。
- 正文优化：最小 16px、行高 1.5 至 1.75、每行 45–75 字符。
- 用 clamp(min, preferred, max) 实现流体响应式字号，并保持在 preferred 中保留 rem 项以满足缩放的 WCAG 1.4.4。
- 文字效果（渐变、描边、阴影、图片上文字）与对比度提醒。
- 可变字体轴（wght、wdth、slnt、ital、opsz）与 @font-face 写法，优先用 font-weight、font-stretch 等高层属性。
- 字体加载：Google Fonts CDN 或自托管二选一，preload 关键字体，font-display: swap，系统字体回退栈，以及用 size-adjust 等减少布局偏移。
- 授权提示：Google Fonts 与 Fontshare 可商用自托管，商业铸造字体需网页授权。
使用方式：先读取 .agents/design-context.md 或代码库既有设计系统，再按步骤设置比例、配对、层级、正文、流体尺寸与加载策略；最后用 Playwright 截图（375px 与 1280px）校验字体是否真正加载、层级是否清晰、行长与标题宽度是否合规，并可选择性写回排版字段。
限制：字体具体轴支持、授权与指标覆盖需自行核实；未提供具体定价或平台信息。