Accessibility Remediation Skill
CommunityAutomate AI-powered accessibility remediation.
Authorflight505
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Developers often ship UI components with accessibility issues that hinder usability and slow down delivery. This skill automates detection and remediation of WCAG 2.2 violations, turning accessibility into a reliable, repeatable workflow.
Core Features & Use Cases
- Real-time analysis of React/Vue/Svelte components to identify common a11y issues such as missing labels, poor color contrast, keyboard navigation gaps, and ARIA misuse.
- Context-aware remediation suggestions with ready-to-apply code snippets and explanations, including one-click application in the development flow.
- Integration with Storybook, component tests, and CI pipelines to enforce accessibility by default during design-to-code workflows.
- Use Case: A developer runs the skill on Button.tsx to automatically add an accessible name, fix contrast, and enable keyboard interactions.
Quick Start
Run the command to analyze a component file (e.g., Button.tsx), review the recommended fixes, and apply the chosen remediation with a single CLI action.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Accessibility Remediation Skill Download link: https://github.com/flight505/storybook-assistant/archive/main.zip#accessibility-remediation-skill Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.