SuperAPI AI 工具集

audit-typography

前端与建站

查看项目

更新于 10-15 23:44

技能介绍

用途:audit-typography 是面向 Web 项目的排版审计技能,帮助分析项目字体设置并找出问题。

主要能力:查找排版配置,包括含 font-family 的 CSS 文件(.css、.scss、globals.css、tailwind.config.)、字体导入(next/font、@import url('fonts.googleapis.com')、@font-face)、排版相关 CSS 变量(--font-)以及 shadcn/ui 主题配置;分析字体数量(标题、正文、等宽)、字号体系(h1-h6)、字重一致性、行高与字距、字体加载策略(swap、block、optional);识别问题,如缺少专用标题/正文/等宽字体、组件间字号不一致、加载字体过多、缺少 font-display、硬编码字体栈而非 CSS 变量、可访问性问题(正文字号过小、字重对比不足);报告发现,列出当前字体、排版尺度、按严重程度排序的问题及具体文件路径和行号;给出改进建议。

使用方式:若 Fonttrio MCP 服务器可用,可用 search_pairing 查找匹配项目氛围或用途的字体配对,用 preview_pairing 查看详情,并可通过 install_pairing 安装。若 MCP 不可用,建议访问 https://www.fonttrio.xyz 查找合适配对,手动安装命令格式为: bunx shadcn@latest add https://www.fonttrio.xyz/r/{pairing-name}.json

适用场景:需要梳理或优化项目排版体系的 Web 前端项目,尤其是使用 Tailwind、shadcn/ui 或 next/font 的项目。

限制:具体支持的框架、MCP 配置方式、审计覆盖范围及输出形式等细节暂未提供。