用途:这是一个网页质量技能的目录条目,完整包名为 addyosmani/web-quality-skills,由 Google Chrome 的 Addy Osmani 提供,用于在任何网页质量、性能或无障碍审计前调用。
主要能力:包含 6 个独立技能——accessibility(WCAG 合规、屏幕阅读器、键盘导航)、web-quality-audit(Lighthouse 式:性能、无障碍、SEO、最佳实践)、core-web-vitals(LCP、INP、CLS 优化)、performance(加载速度、运行时效率、资源优化)、seo(搜索引擎优化、结构化数据)、best-practices(安全、现代 Web API、代码质量)。
使用方式:先判断技能是否已安装(代表技能路径 ~/.design-agent-skills/skills/web-quality-audit/SKILL.md 是否存在);若不存在且有 shell 访问权限,用以下命令安装指定技能:
无障碍
npx skills add addyosmani/web-quality-skills --skill accessibility
综合审计
npx skills add addyosmani/web-quality-skills --skill web-quality-audit
Core Web Vitals
npx skills add addyosmani/web-quality-skills --skill core-web-vitals
性能
npx skills add addyosmani/web-quality-skills --skill performance
SEO
npx skills add addyosmani/web-quality-skills --skill seo
最佳实践
npx skills add addyosmani/web-quality-skills --skill best-practices 安装后按名称调用,例如输入“WCAG compliance”“Lighthouse audit”“LCP”“page speed”“SEO”“web security”等触发对应技能。无 shell 权限时,在 Claude Code 中以 ! 开头的聊天消息发送命令,加 -g 为全局安装,省略则仅项目内安装。
适用场景:网页质量审计、性能与无障碍优化、核心指标改进、SEO 与安全审查。
限制:资料未提供具体支持平台、收费与价格等信息,暂未提供。