A11y Self-Check for Claude Code

This skill enables Claude Code to validate its own generated HTML/JSX/TSX output for accessibility issues before presenting code to users.

When to Use

Proactively run self-check when you (Claude Code):

1. Generate new HTML/JSX/TSX files - Validate before suggesting to user
2. Write UI components - Check before completing the task
3. Modify existing templates - Verify changes don't introduce issues
4. Create forms, modals, navigation - High-risk accessibility areas

Self-Check Workflow

Step 1: Write Code to Temporary File

When generating HTML/JSX/TSX code, write it to a temporary file: