メニュー
Use Cursor's browser aria snapshots to audit a page for accessibility issues — missing labels, broken tab order, contrast, and ARIA misuse.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Generate or edit images using the OpenAI Image API (gpt-image-2). Use when the user asks to generate, create, draw, render, illustrate, mock up, or edit an image, icon, logo, mockup, illustration, OG image, blog hero, marketing asset, or similar visual. Also use when the user supplies a reference image and asks to modify, restyle, or remix it. Triggers on: "generate an image", "create an image", "make a picture of", "edit this image", "restyle this", "make a mockup of", "draw a", "render a", "illustration of".
When the same multi-step workflow repeats in Cursor (user corrections or agent redos), capture it as a new SKILL.md under .cursor/skills/ so future sessions load it automatically.
After navigating and interacting in Cursor's built-in browser, use browser_network_requests to audit every fetch/XHR for failures, slowness, duplicate calls, and suspicious payloads. Use for API-heavy pages and after backend or client networking changes.
When GitHub Actions fails, fetch failing job logs and assign each failing job to a separate subagent that fixes its slice of the problem in parallel. Use for multi-job CI failures where jobs are independent.
Run four parallel read-only subagents that each review the same diff from a different lens — security, performance, correctness, and readability — then merge findings into one report. Use before merging large or risky PRs.
Execute a user flow step-by-step in Cursor's built-in browser while documenting each action, then emit a Playwright test that replays the same flow using stable selectors derived from the accessibility tree.
| name | accessibility-auditing |
| description | Use Cursor's browser aria snapshots to audit a page for accessibility issues — missing labels, broken tab order, contrast, and ARIA misuse. |
| user-invocable | true |
Audit a web page for accessibility issues using Cursor's built-in browser without external tools.
Use browser_navigate to open the target URL.
Use browser_snapshot — this returns the aria/accessibility tree of the page. This is the same tree that screen readers use.
Check for these issues:
Missing Labels
button elements with no accessible name (no text, no aria-label)img elements with no alt textinput elements with no associated label or aria-labela (link) elements with no text contentaria-labelSemantic HTML
div or span elements → should be button or anav, main, header, footer landmarksul/ol/liKeyboard Navigation
role and keyboard handlersARIA Issues
aria-hidden="true" on focusable elementsrole valuesaria-expanded without corresponding collapsible contentaria-controls pointing to non-existent IDsContrast (use screenshot for visual check)
Use browser_press to simulate Tab key presses and verify:
Accessibility Audit:
Critical:
- 3 buttons with no accessible name (header icons)
- Login form inputs missing labels
Warnings:
- Heading levels skip from h1 to h3
- No skip-to-content link
- 2 clickable divs should be buttons
Passed:
- All images have alt text
- Landmarks present (nav, main, footer)
- Focus order is logical
For each issue, apply the fix in the source code. Common fixes:
aria-label="Close" to icon buttons<label> or add htmlFor<div onClick> to <button>alt text to images