Use Case
Axe DevTools is a powerful AI agent skill that extends your assistant with new capabilities. 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. This guide walks you through installing Axe DevTools, configuring it for your setup, and running your first commands β so you can start getting value in minutes.
Install Axe DevTools: npx clawhub@latest --dir ~/.claude/skills install axe-devtools
Restart your AI client (Claude Code, Cursor, Gemini CLI, or OpenClaw)
Type a natural language request related to developer & devops to trigger Axe DevTools
Review the output and refine your prompt for better results
Combine Axe DevTools with other skills to build multi-step workflows
Copy these prompts and use them with your AI agent after installing Axe DevTools
Help me get started with Axe DevTools
What can Axe DevTools do for my developer & devops workflow?
Show me an example of using Axe DevTools
Select your agent
Option 1: Install via CLI (recommended)
Recommended (no pre-install needed)
npx clawhub@latest --dir ~/.claude/skills install axe-devtoolsOr via clawhub CLI (if already installed)
clawhub --dir ~/.claude/skills install axe-devtoolsβ οΈ Requires Node.js 18+. No Node? Use Option 2 below to download the ZIP instead. Install Node.js β
Option 2: Manual install (no Node required)
Download the ZIP, extract it, and place the folder at the path below. Restart your agent to activate.
Install path
~/.claude/skills/axe-devtools/π‘Extract and place the folder at the path above, then restart your agent.