claude-marketplace
为Claude Code提供的WCAG 2.2网页可访问性审计工具包
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：claude-marketplace。 它的用途是：为Claude Code提供的WCAG 2.2网页可访问性审计工具包 完整的 Skill 内容见：https://321skill.com/skills/claude-marketplace/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“请使用accesslint插件，审计我本地开发服务器上`http://localhost:3000/dashboard`页面的可访问性问题。” 它会自动启动浏览器扫描页面，并返回一份详细的WCAG违规列表，包括问题位置、证据和修复建议。或者，在提交代码前，你可以说：“对比我当前修改和main分支，看看引入了哪些新的可访问性错误。” 它会进行差异审计，只报告由本次改动引发的新问题。
介绍
AccessLint Plugin for Claude是一个专注于网页可访问性（a11y）审计的AI技能工具包。它解决了开发者在构建网站时难以全面、自动化地检测和修复WCAG（Web内容可访问性指南）合规性问题的痛点，特别是那些仅在JavaScript运行后才会暴露的动态可访问性缺陷。
该技能通过集成@accesslint/core核心库，提供了多种审计模式。它能够自动启动Chrome浏览器（通过CDP协议）来扫描实时DOM，无需手动配置调试会话。对于需要已有认证会话的页面，它也支持通过MCP（Model Context Protocol）连接到现有浏览器实例（如Chrome DevTools、Playwright或Puppeteer）。
它非常适合前端开发、全栈开发和测试工程师，尤其是那些负责产品可访问性合规、致力于创建包容性Web体验的开发者。对于UI设计师和产品经理，它提供的报告也有助于在设计阶段就融入可访问性考量。
使用建议：对于大型代码库的全面扫描，建议使用Task代理进行上下文隔离以优化Token消耗。在CI/CD流程中，对于静态站点，可以直接使用@accesslint/cli以获得更好的性能。注意，该工具主要针对Web技术栈（HTML、CSS、JS）的可访问性问题，对于移动端原生应用或复杂的富客户端应用框架可能需要结合其他专项工具。
核心特点
与同类可访问性检查工具相比，其核心区别在于深度集成Claude Code并支持“差异审计”（diff），能智能对比代码变更前后引入的新可访问性问题，精准定位由本次修改导致的违规，而非报告整个页面的所有历史问题。此外，它具备“自动修复模式”（audit），不仅能报告问题，还能由AI代理直接应用部分机械性修复并标记需要人工介入的复杂问题。
注意事项
该技能主要针对Web前端技术栈，不适合审计移动端原生应用、桌面应用或服务器端渲染逻辑中的可访问性问题。
常见问题
如何审计需要登录的页面？
安装一个浏览器MCP服务器（如chrome-devtools-mcp），让技能连接到您已登录的现有浏览器会话进行审计。
扫描整个大型项目网站Token消耗会很高吗？
对于大型扫描，建议通过Claude的`Task`功能调用，实现上下文隔离，从而优化Token消耗。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/claude-marketplace/raw/index.md 读取 claude-marketplace 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/claude-marketplace/raw/index.md（查看排版版本）