Accessibility testing and remediation using the axe MCP Server. Use when creating or modifying UI code (HTML, JSX, TSX, Vue, Svelte, CSS) to ensure accessibility compliance. Triggers on tasks involving web pages, components, forms, navigation, modals, tables, images, or any user-facing markup. Also use when explicitly asked to check accessibility or run an axe scan.
数据来源：ClawHub。 在 ClawSkills 查看
选择你使用的 Agent
方法一：命令行安装（推荐）
推荐（无需提前安装 clawhub）
npx clawhub@latest --dir ~/.claude/skills install axe-devtools或使用 clawhub CLI（需提前安装）
clawhub --dir ~/.claude/skills install axe-devtools⚠️ 需要 Node.js 18+，没有 Node？请使用下方方法二直接下载 ZIP。 安装 Node.js →
方法二：手动下载安装（无需 Node）
下载 ZIP，解压后将文件夹放到以下路径，重启 Agent 即可：
安装路径
~/.claude/skills/axe-devtools/💡解压后将文件夹放到上方路径，重启 Agent 即可生效
--- name: axe-accessibility description: Accessibility testing and remediation using the axe MCP Server. Use when creating or modifying UI code (HTML, JSX, TSX, Vue, Svelte, CSS) to ensure accessibility compliance. Triggers on tasks involving web pages, components, forms, navigation, modals, tables, images, or any user-facing markup. Also use when explicitly asked to check accessibility or run an axe scan. ---
Test web pages for accessibility violations and get AI-powered remediation guidance using the axe DevTools MCP Server.
AXE_API_KEY environment variable setdequesystems/axe-mcp-server:latestThe wrapper script at scripts/axe-mcp.js (Node.js — no extra dependencies) provides two tools:
Scan a live web page for accessibility violations. Requires a URL (works with localhost).
node scripts/axe-mcp.js analyze <url>Returns JSON-RPC response. The violations are in result.content[0].text (JSON string) under the data array. Each violation has: rule, impact, description, selector, source, helpUrl.
Get AI-powered fix guidance for a specific violation. Handles HTML with quotes/brackets safely.
node scripts/axe-mcp.js remediate <ruleId> <elementHtml> <issueRemediation> [pageUrl]Returns general_description, remediation, and code_fix in result.content[0].text.
List available MCP tools.
node scripts/axe-mcp.js tools-listWhen modifying UI code and a live page is available:
node scripts/axe-mcp.js analyze When no live page is available (static code review), apply accessibility best practices directly:
alt text (or alt="" for decorative)remediate call uses AI credits from your organization's allocation> Note: Requires a paid Axe DevTools for Web subscription.
For technical support, bug reports, and feature requests:
Deque Systems is the trusted leader in digital accessibility.
安装 Axe DevTools 后，可以对 AI 说这些话来触发它
Help me get started with Axe DevTools
Explains what Axe DevTools does, walks through the setup, and runs a quick demo based on your current project
Use Axe DevTools to accessibility testing and remediation using the axe MCP Server
Invokes Axe DevTools with the right parameters and returns the result directly in the conversation
What can I do with Axe DevTools in my developer & devops workflow?
Lists the top use cases for Axe DevTools, with example commands for each scenario
将技能文件夹放到 ~/.claude/skills/axe-devtools/ 目录（个人级，所有项目可用），或 .claude/skills/axe-devtools/（项目级）。重启 AI 客户端后，用 /axe-devtools 主动调用，或让 AI 根据上下文自动发现并使用。
Axe DevTools 支持 Claude、Cursor、OpenClaw，可与这些 AI 平台无缝集成，扩展其能力。
Axe DevTools 可免费安装使用。请查阅仓库了解许可证信息。
Accessibility testing and remediation using the axe MCP Server. Use when creating or modifying UI code (HTML, JSX, TSX, Vue, Svelte, CSS) to ensure accessibility compliance. Triggers on tasks involving web pages, components, forms, navigation, modals, tables, images, or any user-facing markup. Also use when explicitly asked to check accessibility or run an axe scan.
Axe DevTools 属于「Developer & DevOps」分类，该分类的技能帮助 AI 智能体在此领域执行专业任务。
Automate my developer & devops tasks using Axe DevTools
Identifies repetitive steps in your workflow and sets up Axe DevTools to handle them automatically