开源项目已核验

Web 质量技能

面向现代网站的质量技能合集,让编码代理从性能、可访问性、SEO 和通用最佳实践等维度检查与改进页面。

查看 GitHub
2566收藏Addy Osmani作者TODO版本MIT许可证

Skill 概览

这个仓库将常见 Web 质量领域拆成可安装技能,适合开发过程中持续审查页面,而不是只在上线前做一次检查。它可以辅助定位问题并提出代码修改,但真实质量仍应以 Lighthouse、浏览器辅助功能树、自动化测试和真实设备结果为准。对业务关键页面,建议把改进前后的指标一起记录。

核心功能

  • 同时覆盖性能、可访问性、SEO 与通用实践
  • 可按网站质量主题选择技能
  • 支持多种兼容 Agent Skills 的编码代理
  • 适合与现有测试和审计工具结合

适用场景

  • 上线前审查页面质量
  • 排查 Core Web Vitals 或加载性能问题
  • 检查键盘操作、语义结构与可访问性
  • 为现有站点整理可执行的改进项

安装方式

bash
npx skills add addyosmani/web-quality-skills

使用说明

安装后指定页面、目标浏览器和最重要的质量维度,并提供已有的测量结果。让代理给出修改时要求保留可验证的验收条件,完成后重新运行实际审计与测试。

示例工作流

  1. 安装质量技能
  2. 提供页面和基线指标
  3. 选择性能、可访问性或 SEO 重点
  4. 实施并审查建议修改
  5. 重新测量并比较结果

更新记录

TODO

仓库尚未发布带版本号的 Release;此处记录最近更新时间,具体变更请查看提交历史。

常见问题

技能给出建议后还要运行 Lighthouse 吗?

要。技能帮助分析和修改,Lighthouse、自动化测试与真实设备测量负责验证改动是否真的改善了结果。