Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
npx skills add sundial-org/awesome-openclaw-skills --skill "a11y-checker"
Install specific skill from multi-skill repository
# Description
Scan HTML and JSX for accessibility issues with AI-powered fix suggestions
# SKILL.md
name: a11y-checker
description: Scan HTML and JSX for accessibility issues with AI-powered fix suggestions
A11y Checker
Scan your HTML and JSX files for WCAG accessibility issues. Get actual code fixes, not just warnings.
One command. Real fixes. Not just complaints.
Quick Start
npx ai-a11y ./src/components/Header.tsx
What It Does
- Scans HTML/JSX for accessibility violations
- Identifies WCAG guideline failures
- Generates actual fix code, not just warnings
- Works on single files or entire directories
Usage Examples
# Scan a single component
npx ai-a11y ./src/components/Button.tsx
# Scan all components
npx ai-a11y ./src/components/
# Scan with verbose output
npx ai-a11y ./src --verbose
Common Issues It Catches
- Missing alt text on images
- Low color contrast
- Missing form labels
- Keyboard navigation problems
- ARIA attribute misuse
- Focus management issues
When to Use This
- Before launching a new feature
- Audit an inherited codebase
- Prep for accessibility compliance
- CI/CD accessibility gates
Part of the LXGIC Dev Toolkit
This is one of 110+ free developer tools built by LXGIC Studios. No paywalls, no sign-ups.
Find more: https://github.com/LXGIC-Studios
Requirements
Node.js 18+. Needs OPENAI_API_KEY environment variable.
License
MIT. Free forever.
Built by LXGIC Studios
- GitHub: github.com/lxgicstudios/ai-a11y
- Twitter: @lxgicstudios
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.