addyosmani/web-quality-skills

解决的问题

提供一组专为 AI 编码代理设计的「技能」，帮助开发者优化 Web 项目在性能、可访问性、SEO 和整体质量方面的表现。与泛泛而谈的建议不同，它使代理能够基于测量优先的证据（如 Lighthouse 审计和核心 Web 指标）来诊断并修复实际问题。

如何工作

这些技能是可安装到 AI 代理（如 Claude Code、Codex 或 Gemini CLI）中的指令集。它们引导代理使用一种包含四种证据类型的特定测量模型：CrUX 现场数据（真实用户体验）、第一方 RUM、DevTools 跟踪 / Lighthouse 实验室运行，以及静态源码检查。如果代理可访问 Chrome DevTools MCP，它可以执行实时审计；否则将回退到 CLI 工具和静态分析。

适用人群

使用 AI 编码代理的 Web 开发者，希望无论使用何种框架（如 React、Vue、Svelte、Astro），其网站都能满足专业标准的加载速度、可访问性（WCAG 2.2）和搜索引擎可见性要求。

主要亮点

• 测量优先方法：优先使用真实用户数据（CrUX）和实验室跟踪，而非假设。
• 全面的质量工具集：包含针对核心 Web 指标（LCP、INP、CLS）、WCAG 2.2 可访问性以及技术 SEO 的专用技能。
• 框架无关：适用于所有主流 Web 框架及纯 HTML 项目。
• 代理集成：与 Claude Code、Codex、Gemini CLI 等多个代理平台兼容。