fixing-accessibility
The fixing-accessibility skill audits and suggests code-level fixes for HTML accessibility issues. It focuses on WCAG compliance, including ARIA labels, keyboard navigation, focus management, and form validation.
Is fixing-accessibility safe to install?
Safe to install: our audit of fixing-accessibility's source files found 0 shell commands, 0 external URLs, file reads and writes (low risk). Every command and URL listed appears verbatim in the skill's source. The skill reads local files to perform accessibility audits. It does not execute shell commands or make network requests.
How we audit skills: our security review methodology.
Who is this skill for?
Developers building or maintaining web interfaces who need to ensure WCAG compliance for interactive controls, forms, and dialogs.
What can you do with it?
- Auditing HTML files for accessibility violations.
- Generating code-level fixes for icon-only buttons, form errors, and focus management.
- Enforcing accessibility constraints during UI development sessions.
- Reviewing custom interactive elements for keyboard support and semantic correctness.
How good is this skill?
Quality score: 5/10. The skill provides clear, actionable guidelines and specific examples for common accessibility fixes. It maintains a strict focus on its domain without overstepping.
What does the skill file contain?
# fixing-accessibility Fix accessibility issues. ## how to use - `/fixing-accessibility` Apply these constraints to any UI work in this conversation. - `/fixing-accessibility <file>` Review the file against all rules below and report: - violations (quote the exact line or snippet) - why it matters (one short sentence) - a concrete fix (code-level suggestion) Do not rewrite large parts of the UI. Prefer minimal, targeted fixes. ## when to apply Reference these guidelines when: - adding or changing buttons, links, inputs, menus, dialogs, tabs, dropdowns - building forms, validat...
Frequently asked questions
Does this skill automatically rewrite my entire codebase?
No. The skill prefers minimal, targeted fixes and explicitly instructs the agent not to rewrite large parts of the UI.
What accessibility standards does this skill follow?
The skill follows WCAG-based guidelines covering accessible names, keyboard access, focus management, semantics, and form error handling.
Can I use this skill to check for color contrast issues?
Yes. The skill includes guidelines for contrast and states, specifically noting that disabled states must not rely on color alone and focus outlines must remain visible.
Related skills
frontend-design
618.4KAI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs
The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.
web-design-guidelines
440.2KDevelopers and designers who need to verify UI code compliance with interface standards
The web-design-guidelines skill audits UI code against Web Interface Guidelines. It fetches current rules from a remote source and compares them against specified local files.
shadcn
217.3KDevelopers building UI components and design systems using shadcn/ui
The shadcn skill manages UI components and design systems for projects using the shadcn/ui framework. It provides tools to search, add, debug, and style components, while enforcing strict composition and styling rules based on project-specific configuration.
seo-audit
133.3KUsers seeking to diagnose SEO issues, improve organic search performance, or conduct a health check on their website
The seo-audit skill provides a structured framework for diagnosing and recommending improvements for website search engine optimization. It guides the agent through technical, on-page, and content quality assessments, including specific checks for international SEO and site-type-specific issues.