In the Skill's Own Terms
A reference-and-fix ruleset for HTML accessibility, aimed at designers and developers who are adding or reviewing interactive UI in a coding agent. It ranks nine rule categories by priority and impact, from accessible names, keyboard access, focus and dialogs, and tool boundaries at critical through semantics, forms and errors, announcements, contrast and states, down to media and motion.
Each category is a short list of concrete requirements, such as aria-label on icon-only buttons, no tabindex above 0, and aria-invalid on failing fields. A common fixes block shows before-and-after HTML for icon-only buttons, div-as-button, and unlinked form errors, and review mode reports each violation with the quoted line, a one-sentence why, and a code-level fix.
How It Works
- 01Apply the Constraints in Place
Running the bare command turns the rules into standing constraints on any UI work happening in that conversation, not a single audit pass.
- 02Point It at a File for a Violation Report
With a file argument it checks that file against all the rules and reports each violation as a quoted line or snippet, one short sentence on why it matters, and a code-level fix.
- 03Work the Categories in Priority Order
The rules are grouped into ranked categories with an impact rating; accessible names sits at priority 1, marked critical.
- 04Keep the Change Minimal
The skill is explicit that it should not rewrite large parts of the UI, and that fixes should be minimal and targeted.