az9713
az9713/playwright-cli-skills
相关职业SOC
基于 SOC 职业分类
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/az9713/playwright-cli-skills --skill playwright-ui-testing命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 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.
正在显示 SKILL.md
| 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)