メニュー
Master index for all UI testing skills. Lists available test suites and their coverage.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Run comprehensive WCAG 2.1 AA+ accessibility tests on a URL. Use when user wants to test accessibility, a11y compliance, screen reader support, or keyboard navigation.
Run the complete UI testing suite — all 16 test skills across functional testing and UX design quality. Use when user wants a comprehensive site audit, full test suite, or complete quality assessment.
Audit design system consistency across pages. Use when user wants to check visual consistency, design tokens, component reuse, color palette, typography, spacing, or cross-page uniformity.
Analyze conversion optimization, cognitive load, and trust signals. Use when user wants to audit conversion funnels, reduce friction, analyze cognitive load, check trust signals, or optimize CTAs.
Test cross-browser consistency across Chromium, Firefox, and WebKit. Use when user wants to verify browser compatibility, cross-browser layout, or browser-specific issues.
Test user flows, authentication, navigation, and SPA behavior. Use when user wants to test login flows, registration, browser history, pagination, search, CRUD operations, or routing.
| name | playwright-ui-testing |
| description | Master index for all UI testing skills. Lists available test suites and their coverage. |
Comprehensive UI testing powered by Playwright CLI with parallel subagent execution.
| Skill | Command | Test Cases | Description |
|---|---|---|---|
| Form Testing | /test-forms <url> | 27 | Form validation, input handling, submit states |
| Accessibility | /test-a11y <url> | 40 | WCAG 2.1 AA+ compliance testing |
| Responsive | /test-responsive <url> | 72 | Multi-viewport responsive design testing |
| User Flows | /test-flows <url> | 30 | Authentication, navigation, SPA behavior |
| Cross-Browser | /test-cross-browser <url> | 30 | Chromium, Firefox, WebKit consistency |
| Security | /test-security <url> | 55 | OWASP+ vulnerability detection |
| Performance | /test-perf <url> | 25 | Core Web Vitals, runtime performance |
| SEO | /test-seo <url> | 27 | Meta tags, structured data, crawlability |
| UI States | /test-states <url> | 35 | Loading, empty, error, overlay states |
| Links | /test-links <url> | 23 | Link integrity, broken links, semantics |
| Regression | /test-regression <url> | 8 | Baseline comparison, structural diff |
| Test Generate | /test-generate | — | Generate project-specific Playwright test files |
| Skill | Command | Test Cases | Description |
|---|---|---|---|
| Heatmap | /test-heatmap <url> | 24 | Attention prediction, visual hierarchy |
| UX Writing | /test-ux-writing <url> | 26 | Micro-copy quality, CTA effectiveness |
| Consistency | /test-consistency <url> | 30 | Design system consistency audit |
| Conversion | /test-conversion <url> | 30 | Conversion optimization, cognitive load |
| Skill | Command | Description |
|---|---|---|
| Full Suite | /test-all <url> | Runs all 16 skills in phased parallel execution (~482+ test cases) |
Inspired by Claude Code + Playwright: Test Any App in 10 Mins for $0 by Scheffel:
references/fix-loop.md.references/prerequisites.md.--headed to any skill to see browser windows during testing./test-generate reads your codebase and generates project-specific .spec.ts files that run via npx playwright test at zero token cost.| Flag | Effect |
|---|---|
--headed | Show browser windows during testing |
--skip-prereqs | Skip environment prerequisite checks |
--baseline | Capture regression baseline (test-regression only) |
playwright.config.ts Generation — Standalone config file generator (currently part of /test-generate Phase 4)--persist) — Save generated tests into tests/e2e/ as permanent project regression suiteAll results are saved to test-results/<skill-name>/<timestamp>/:
report.md — Test results with pass/fail, severity, fix suggestionsscreenshots/ — Visual evidencesnapshots/ — Accessibility tree capturestraces/ — Playwright execution tracesvideos/ — Recorded flows (when applicable)