web-quality-skills
addyosmani/web-quality-skills
基于 Lighthouse 和 Core Web Vitals 的优化网页品质的代理技能。
安装
- 星数
- ★ 2.9k
- 许可
- MIT
- 语言
- Shell
- 最近更新
- 2026年8月24日
- 标签
- accessibility · core-web-vitals · lighthouse · testing · web-performance
适合用来
- 用 Lighthouse 和源码分类做以证据为先的网站质量审计
- 诊断并改善 Core Web Vitals,例如 LCP、INP、CLS
- 按 WCAG 2.2 检查无障碍,涵盖屏幕阅读器和键盘操作
- 改善 SEO、可爬取性和结构化数据,并套用安全与最佳实践
怎么开始
- 运行 npx skills add addyosmani/web-quality-skills
- 在 Claude Code 运行 /plugin marketplace add 与 /plugin install web-quality-skills@addy-web-quality-skills
- 用自然语言下任务,例如审计这个页面的网站质量问题
- 可选接上 Chrome DevTools MCP 以进行实机 Lighthouse 审计
使用前须知
不限框架,适用 React、Vue、Angular、Svelte、Next.js 等。实时 Lighthouse 审计和性能追踪需要 Chrome DevTools MCP。
以上由 AI 根据项目说明整理,实际用法请以官方文档为准。
同类工具
- rea社区技能 · ★ 386k
通过代理程序逆向工程任何东西,从应用程序行为到原生二进制文件。
- skills社区技能 · ★ 184k
代理程序技能的公开库
- ponytail社区技能 · ★ 176k
让你的AI代理程序像房间中最懒的资深开发者一样思考。最好的代码就是你从未写过的代码。
- agent-skills社区技能 · ★ 111k
为AI代码代理程序提供的生产级工程技能
- paperclip社区技能 · ★ 107k
每个人都用来在工作中管理代理程序的开源应用程序
出处 GitHub · 版权属原作者