mcpField
A
addyosmani-quality

addyosmani-quality

github.com/podo测试与质量29181 次安装1 天前更新
代码仓库

关于 addyosmani-quality

addyosmani-quality 是一套包含六项专门技能的工具，用于评估和改进网站质量。它涵盖综合审计，以及无障碍、Core Web Vitals、性能、SEO 和现代 Web 最佳实践。

主要功能

  1. 01执行综合网站质量审计
  2. 02检查 WCAG 2.2 无障碍情况
  3. 03优化 Core Web Vitals
  4. 04评估加载与运行时性能
  5. 05改进 SEO 和结构化数据
  6. 06检查安全与 Web 最佳实践

适用场景

  1. 01从多个质量维度审计网站
  2. 02检查网站的无障碍问题
  3. 03调查页面速度和 Core Web Vitals
  4. 04改进搜索可见度和结构化数据

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill addyosmani-quality

安装后在 Claude Code 中输入/addyosmani-quality确认已加载。

附带文件stub.yaml

详细介绍

addyosmani-quality

目录占位条目 — 完整软件包：addyosmani/web-quality-skills

决策树

  1. 是否已安装完整技能？ 此软件包会安装 6 个技能（web-quality-audit、accessibility、core-web-vitals、performance、seo、best-practices）；此处检查第一个。

    • 全局：f=~/.agents/skills/web-quality-audit/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • 项目：f=.agents/skills/web-quality-audit/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → 技能已作为 web-quality-audit 安装，调用它并继续
    • pointer → 转到第 2 步

  2. 检测范围，然后安装：

    [ -e ~/.agents/skills/addyosmani-quality ] && echo "global" || echo "project"

    全局：

    npx skills add addyosmani/web-quality-skills --skill web-quality-audit accessibility core-web-vitals performance seo best-practices -g -y

    项目：

    npx skills add addyosmani/web-quality-skills --skill web-quality-audit accessibility core-web-vitals performance seo best-practices -y

    Claude Code： 发送一条以 ! 开头的聊天消息来运行命令，无需离开对话。

Claude Code 插件方式：

/plugin marketplace add addyosmani/web-quality-skills
/plugin install web-quality-skills@addy-web-quality-skills

注意事项

  • 许可证： MIT

安装后调用

  • web-quality-audit — “Lighthouse 审计”、“网站质量”、“审计我的网站”
  • accessibility — “WCAG 合规性”、“屏幕阅读器”、“键盘导航”
  • core-web-vitals — “LCP”、“INP”、“CLS”、“Core Web Vitals”
  • performance — “页面速度”、“加载性能”
  • seo — “SEO”、“结构化数据”、“可抓取性”
  • best-practices — “Web 安全”、“现代 API”、“代码质量”

功能

Addy Osmani（Google Chrome）的 Web 质量套件。每个技能都是一套聚焦且以证据为依据的操作指南，涵盖全面的 Lighthouse 式审计（性能、无障碍、SEO、最佳实践、Agent 式浏览）、WCAG 2.2 无障碍、基于现场和实验室数据的 Core Web Vitals 优化、加载和运行时性能、搜索可见性和结构化数据，以及安全性和现代 Web 最佳实践。从 web-quality-audit 开始，再根据修复需求使用相应的专项技能。

不适用的情况

  • 单一用途的 WCAG 2.2 指导工作流（从设计到符合性文档）→ 使用 wcag-ai-skill
  • 针对代码的色彩对比度和无障碍修复 → 使用 fixing-accessibility
  • 特定于动效的卡顿（布局抖动、合成器属性）→ 使用 fixing-motion-performance

评论

支持 Markdown