Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA standards. Use this skill to generate semantic ARIA for Web and accessibility traits for Web and Native platforms (iOS/Android).
日本語の概要は準備中です。原文の説明を表示しています。
Systematic QA testing for web applications, desktop apps, and workflows. Three tiers: QUICK (critical/high severity only — 5 min), STANDARD (+ medium severity — 15 min), EXHAUSTIVE (+ cosmetic — 30+ min). Tests user flows, finds bugs, reports with severity classification, and optionally auto-fixes with atomic commits. Produces before/after health scores and ship-readiness summary. Use when user says "test this", "QA", "find bugs", "does this work?", or "is it ready to ship?". Voice triggers: "quality check", "run QA", "test the app". For report-only (no fixes), use with --report-only flag.
インストールする前に、エージェントに与えられる指示の中身を確認できます。
You are a QA lead testing a feature, app, or workflow. Your job: find bugs, classify severity, report clearly, and optionally fix them.
HARD GATE: Do NOT fix bugs unless the user explicitly says "fix" or you're in STANDARD/EXHAUSTIVE mode with auto-fix enabled. Report-only is the default for QUICK mode.
Proactively invoke when:
/ship or deployment# Are we testing a URL, a local app, or a workflow?
echo "Detecting test target..."
# Check for active workflow
WORKFLOW=$(git branch --show-current 2>/dev/null || echo "unknown")
echo "Context: $WORKFLOW"
# Check for URLs in the user's request
# Check for local servers running
lsof -i :3000 -i :5173 -i :8080 -i :8000 2>/dev/null | head -5 || echo "(no local servers detected)"
Ask the user: "What am I testing? A URL, a local app, a workflow, or something else?"
Ask the user:
Which depth of testing?
A) QUICK (~5 min) — Critical and high-severity issues only. Login/auth, data loss, crashes, security holes.
B) STANDARD (~15 min) — Above + medium-severity issues. Broken flows, validation errors, missing error messages, perf regressions.
C) EXHAUSTIVE (~30+ min) — Above + cosmetic issues. Alignment, spacing, typography, hover states, responsive breakpoints, accessibility, console warnings.
Default if no choice: STANDARD.
| Severity | Definition | Examples | Must fix to ship? |
|---|---|---|---|
| P0 | Data loss, security breach, total crash | SQL injection, crash on login, data corruption | YES |
| P1 | Core flow broken, user blocked | Can't submit form, auth 500 error, payment fails | YES |
| P2 | Degraded experience, wrong but workable | Wrong error message, slow load, missing validation | NO (strongly recommended) |
| P3 | Visual/cosmetic, polish | Misaligned button, wrong font size, missing hover state | NO |
| P4 | Enhancement, not a bug | "Would be nicer if..." suggestions | NO |
Test these dimensions systematically:
Critical Paths (all tiers):
Additional (STANDARD + EXHAUSTIVE): 6. Form validation: Required fields, format validation, character limits, edge cases 7. Navigation: All links work, back button behaves, deep links resolve 8. Loading states: Spinners/skeletons appear during async operations 9. Empty states: What shows when there's no data? 10. Responsive: Mobile (375px), tablet (768px), desktop (1280px+)
Cosmetic (EXHAUSTIVE only): 11. Visual consistency: Colors, spacing, typography match design system 12. Hover/focus states: All interactive elements have visible states 13. Animations: No jarring transitions, reduced-motion support 14. Accessibility: Tab order, aria labels, contrast ratios, screen reader 15. Console: Zero errors, zero warnings (or documented exceptions)
Test these dimensions:
Critical Paths:
Additional: 5. Timing: Are waits and timeouts appropriate? 6. State transitions: All states reachable? Any dead ends? 7. Variable scope: Do workflow variables persist correctly between steps?
BUG #<N> — <one-line summary>
Severity: P0 / P1 / P2 / P3 / P4
Confidence: N/10
Found in: <file:line or step:position>
Repro steps:
1. <action>
2. <action>
3. <observe bug>
Expected: <what should happen>
Actual: <what actually happens>
Evidence: <screenshot, console output, log excerpt>
Fix suggestion: <if obvious>
Before/after (if fixes applied):
QA HEALTH SCORE
═══════════════
Before: 62/100 After: 91/100
Breakdown:
Critical paths: 3/5 → 5/5 (+2 fixed)
Error handling: 2/5 → 4/5 (+2 fixed)
Visual polish: 3/5 → 4/5 (+1 fixed)
Responsive: 2/5 → 3/5 (+1 fixed)
Accessibility: 1/5 → 2/5 (+1 fixed)
Ship readiness: ✅ RECOMMENDED (all P0/P1 resolved)
⚠ CONDITIONAL (P2 issues remain)
❌ NOT READY (P0/P1 issues unresolved)
When user says "fix" or auto-fix is enabled in STANDARD/EXHAUSTIVE:
fix: <description> [QA-found]After all fixes, re-run the affected test paths and update the health score.
Stop after 3 failed fix attempts on the same bug. Flag as needs investigation.
SHIP READINESS
══════════════
Verdict: ✅ SHIP / ⚠ CONDITIONAL / ❌ BLOCKED
Open P0: 0
Open P1: 0
Open P2: 3 (documented, accepted)
Open P3: 5 (cosmetic, deferred)
Tests added: +4 regression tests
Coverage delta: +2.3%
Recommendation: <one-sentence verdict with reasoning>
pre-flight-review if not already donesession-retro to log patterns foundlearnings-keeper so future QA catches them fasterまだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA standards. Use this skill to generate semantic ARIA for Web and accessibility traits for Web and Native platforms (iOS/Android).
日本語の概要は準備中です。原文の説明を表示しています。
Whole site or product — a full web accessibility (a11y) audit against WCAG 2.2, following the WCAG-EM methodology. Defines scope, samples representative pages and flows, runs the automated tier (`accessibility-scan`) and the hands-on manual tier (`accessibility-inspect`), and produces one conformance report. Grades each finding by severity and evidence basis, and states per-criterion conformance as pass, fail, or undetermined (needs a human). Use it for 'audit my site for accessibility', 'is this product accessible', 'a11y audit', 'WCAG or Section 508 conformance report', or any multi-page assessment. Assesses; does not fix (use `accessibility-fix`) or diff (use `accessibility-diff`). For a single page use `accessibility-scan`; for hands-on keyboard and screen-reader checks use `accessibility-inspect`.
日本語の概要は準備中です。原文の説明を表示しています。
Regression check — diff a live page's web accessibility (a11y) violations against a baseline. By default it compares your uncommitted changes (stash-based); pass `--branch [<name>]` to compare against a branch. Reports the new WCAG violations introduced, the ones fixed, and the count of pre-existing ones. Use it for 'did my change break accessibility', 'what a11y issues did this PR add', or as a CI gate. For a full scan of one page use `accessibility-scan`; for a whole site use `accessibility-audit`.
日本語の概要は準備中です。原文の説明を表示しています。
Remediation only — repair web accessibility (a11y) violations against WCAG 2.2 with a baseline, edit, and verify loop. Takes a target (URL, files, directory) or a findings worklist from `accessibility-scan`/`accessibility-inspect`/`accessibility-audit`, applies mechanical fixes as given, leaves TODOs for visual or contextual judgment, and verifies by re-running the baseline check. It only fixes. To find issues use `accessibility-scan` (one page, automated), `accessibility-inspect` (one page, manual), or `accessibility-audit` (whole site, WCAG-EM); to check for regressions use `accessibility-diff`. Use it for 'fix the a11y issues in X', 'make this accessible', 'add missing alt text and labels', 'apply these accessibility fixes', 'remediate these violations'.
日本語の概要は準備中です。原文の説明を表示しています。
One page, hands-on manual tier — drive a live page through the web accessibility (a11y) checks a rule engine can't decide: keyboard operation and focus order, screen-reader names, roles and states from the accessibility tree, reflow and zoom, reduced motion, form errors, and target size. Grades each finding by evidence basis (verified / confirm-with-a-human / human-required) and severity, and closes every criterion in a ledger: verified, flagged, not exercised, or N/A. Locates and assesses; does not fix (use `accessibility-fix`). Use it for keyboard testing, focus-order checks, screen-reader or a11y-tree review, reflow and zoom at 200%, or 'is this operable, not just lint-clean'. The automated tier is `accessibility-scan`; `accessibility-audit` runs both across a sampled site.
日本語の概要は準備中です。原文の説明を表示しています。
One page, automated tier — run the web accessibility (a11y) rule engine against a live page and locate every violation it can detect mechanically. Pass a URL, a config target name (e.g. `accesslint:accessibility-scan dev`), or nothing to use the default target from `accesslint.config.json`. Ensures a debuggable Chrome, runs the @accesslint/core engine over CDP, and returns a worklist of live-DOM WCAG 2.2 violations, each grounded to its DOM selector and source `file:line`. Locates; doesn't edit. Use it for 'is this page accessible', 'check a11y on this URL', 'find contrast and alt-text issues', or to verify a UI change. For hands-on keyboard and screen-reader checks use `accessibility-inspect`; for a whole site or product use `accessibility-audit`; to diff against uncommitted changes or a branch use `accessibility-diff`.
日本語の概要は準備中です。原文の説明を表示しています。