web-quality-skills

6 个网页体检 Skill，让 AI 按 Lighthouse 的思路检查网站的速度、无障碍、SEO 和安全写法。

生态: Agent Skills
Skill 分类: 编程
创建者 / 机构: Addy Osmani

它是什么

web-quality-skills 是 Addy Osmani 在 GitHub 上开源的一组 Skill，README 写明它是非官方项目，依据 Google Lighthouse 的检查项和核心网页指标（Core Web Vitals）。6 个 Skill 分管全面体检、性能、核心网页指标、无障碍（按 WCAG 2.2，包括读屏软件和键盘操作）、SEO 和最佳实践，其中 web-quality-audit 负责统筹其他几个。有浏览器工具可用时，它先在真实页面上测一遍，再对照源代码找原因，最后交一份按严重程度分级的报告，每条写明影响、证据和改法。它特别的地方在于要求把实测结果和只看代码推出来的猜测分开写。README 说它不挑技术栈，React、Vue、Next.js、Astro 和纯 HTML 都能用。

适合谁：网站快做完、上线前想做一次全面体检的独立开发者和设计师；不写代码的读者用不上。

使用前提：可以用 npx skills add 安装，也可以在 Claude Code、Codex（需要 0.122 以上版本）和 Gemini CLI 里装插件或扩展；用 claude.ai 的话，README 说可以把 SKILL.md 放进项目资料或贴进对话。真实页面测量要靠 Chrome DevTools MCP、Lighthouse 命令行或 PageSpeed Insights 这类工具，没有这些工具时只能做静态检查。仓库里带一个分析脚本 analyze.sh，安装前先打开看一眼。README 说报告里的各项阈值是建议值。许可证是 MIT。

以上根据项目公开说明整理，本站没有实际测试。