メニュー
Run an axe-core accessibility audit across all algorithm visualizer routes. Use before any release to verify WCAG 2.1 AA compliance, especially after UI or animation changes.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Run a pre-deploy smoke test: builds the app, starts wrangler pages dev, and verifies every algorithm route loads and the visualizer renders correctly. Run before pushing to main.
Benchmark all sorting algorithm generators: measures step counts and execution time across input sizes and patterns (random, sorted, reverse, duplicates). Use when adding or modifying an algorithm to verify Big-O behaviour.
Scaffold a new sorting algorithm: generates the generator file, pure sort function, and Vitest test file from templates, then registers it in the index and constants. Use when adding any new sorting algorithm to the project.
Capture and compare visual screenshots of the sorting visualizer. Use before/after animation changes, styling updates, or any UI refactors to detect unintended regressions.
| name | accessibility-audit |
| description | Run an axe-core accessibility audit across all algorithm visualizer routes. Use before any release to verify WCAG 2.1 AA compliance, especially after UI or animation changes. |
| user-invocable | true |
Runs axe-core against every /algorithm/:id route and reports WCAG violations.
Build the app: npm run build
Run the audit script:
npx tsx .github/skills/accessibility-audit/scripts/audit.ts
This starts wrangler pages dev, visits each algorithm route, runs axe-core, and outputs a report.
Review violations in the terminal output or in accessibility-report.json
Cross-reference against wcag-checklist.md for manual checks that axe cannot automate (e.g., animation pause controls, colour contrast during animation states)
critical or serious violationsrole="img" and descriptive aria-labelprefers-reduced-motion: reduce