跳到正文
cccskills
免费在 GitHub 公开

playwright-pro

Set up Playwright browser tests, generate cases from specifications or URLs, and review coverage gaps. Diagnose tests that fail inconsistently, migrate Cypress or Selenium suites, and optionally connect TestRail and BrowserStack for results and browser testing.

中文简介正在准备中。当前显示英语简介。

原文查看原文说明

Production-grade Playwright testing toolkit. Use when the user mentions Playwright tests, end-to-end testing, browser automation, fixing flaky tests, test migration, CI/CD testing, or test suites. Generate tests, fix flaky failures, migrate from Cypress/Selenium, sync with TestRail, run on BrowserStack. 55 templates, 3 agents, smart reporting.

集成工具Playwright
查看安装方法

适用场景

  • Set up Playwright tests and CI
  • Generate and review tests from user stories
  • Diagnose tests that fail inconsistently
  • Migrate Cypress or Selenium test suites
  • Sync TestRail results or test on BrowserStack

包含的文件(63)

  • SKILL.md5.6 KB
  • reference/assertions.md2.2 KB
  • reference/common-pitfalls.md3.1 KB
  • reference/fixtures.md3.1 KB
  • reference/flaky-tests.md1.5 KB
  • reference/golden-rules.md906 B
  • reference/locators.md2.1 KB
  • templates/accessibility/color-contrast.md5.5 KB
  • templates/accessibility/keyboard-navigation.md5.2 KB
  • templates/accessibility/screen-reader.md5.6 KB
  • templates/api/auth-headers.md4.7 KB
  • templates/api/error-responses.md5.4 KB
  • templates/api/graphql.md5.9 KB
  • templates/api/rate-limiting.md5.5 KB
  • templates/api/rest-crud.md5.0 KB
  • templates/auth/login.md4.6 KB
  • templates/auth/logout.md4.1 KB
  • templates/auth/mfa.md5.1 KB
  • templates/auth/password-reset.md5.7 KB
  • templates/auth/rbac.md4.7 KB
  • templates/auth/remember-me.md5.6 KB
  • templates/auth/session-timeout.md4.3 KB
  • templates/auth/sso.md4.5 KB
  • templates/checkout/add-to-cart.md4.1 KB
  • templates/checkout/apply-coupon.md5.0 KB
  • templates/checkout/order-confirm.md4.1 KB
  • templates/checkout/order-history.md4.6 KB
  • templates/checkout/payment.md5.4 KB
  • templates/checkout/update-quantity.md4.8 KB
  • templates/crud/bulk-operations.md5.2 KB
  • templates/crud/create.md4.7 KB
  • templates/crud/delete.md5.1 KB
  • templates/crud/read.md4.6 KB
  • templates/crud/soft-delete.md4.7 KB
  • templates/crud/update.md5.6 KB
  • templates/dashboard/chart-rendering.md4.9 KB
  • templates/dashboard/data-loading.md4.9 KB
  • templates/dashboard/date-range-filter.md5.5 KB
  • templates/dashboard/export.md5.7 KB
  • templates/dashboard/realtime-updates.md5.1 KB
  • templates/forms/autosave.md5.3 KB
  • templates/forms/conditional-fields.md5.6 KB
  • templates/forms/file-upload.md5.2 KB
  • templates/forms/multi-step.md5.5 KB
  • templates/forms/single-step.md4.8 KB
  • templates/forms/validation.md5.8 KB
  • templates/notifications/in-app.md4.8 KB
  • templates/notifications/notification-center.md4.7 KB
  • templates/notifications/toast-messages.md5.2 KB
  • templates/onboarding/email-verification.md5.0 KB
  • templates/onboarding/first-time-setup.md5.3 KB
  • templates/onboarding/registration.md5.7 KB
  • templates/onboarding/welcome-tour.md4.8 KB
  • templates/README.md4.8 KB
  • templates/search/basic-search.md4.4 KB
  • templates/search/empty-state.md4.5 KB
  • templates/search/filters.md5.1 KB
  • templates/search/pagination.md4.4 KB
  • templates/search/sorting.md5.1 KB
  • templates/settings/account-delete.md5.7 KB
  • templates/settings/notification-prefs.md5.2 KB
  • templates/settings/password-change.md6.9 KB
  • templates/settings/profile-update.md5.2 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Playwright Pro

Production-grade Playwright testing toolkit for AI coding agents.

Available Commands

When installed as a Claude Code plugin, these are available as /pw: commands:

CommandWhat it does
/pw:pw-initSet up Playwright — detects framework, generates config, CI, first test
/pw:generate <spec>Generate tests from user story, URL, or component
/pw:pw-reviewReview tests for anti-patterns and coverage gaps
/pw:fix <test>Diagnose and fix failing or flaky tests
/pw:migrateMigrate from Cypress or Selenium to Playwright
/pw:coverageAnalyze what's tested vs. what's missing
/pw:testrailSync with TestRail — read cases, push results
/pw:browserstackRun on BrowserStack, pull cross-browser reports
/pw:reportGenerate test report in your preferred format

Quick Start Workflow

The recommended sequence for most projects:

1. /pw:pw-init          → scaffolds config, CI pipeline, and a first smoke test
2. /pw:generate      → generates tests from your spec or URL
3. /pw:pw-review        → validates quality and flags anti-patterns      ← always run after generate
4. /pw:fix <test>    → diagnoses and repairs any failing/flaky tests  ← run when CI turns red

Validation checkpoints:

  • After /pw:generate — always run /pw:pw-review before committing; it catches locator anti-patterns and missing assertions automatically.
  • After /pw:fix — re-run the full suite locally (npx playwright test) to confirm the fix doesn't introduce regressions.
  • After /pw:migrate — run /pw:coverage to confirm parity with the old suite before decommissioning Cypress/Selenium tests.

Example: Generate → Review → Fix

# 1. Generate tests from a user story
/pw:generate "As a user I can log in with email and password"

# Generated: tests/auth/login.spec.ts
# → Playwright Pro creates the file using the auth template.

# 2. Review the generated tests
/pw:pw-review tests/auth/login.spec.ts

# → Flags: one test used page.locator('input[type=password]') — suggests getByLabel('Password')
# → Fix applied automatically.

# 3. Run locally to confirm
npx playwright test tests/auth/login.spec.ts --headed

# 4. If a test is flaky in CI, diagnose it
/pw:fix tests/auth/login.spec.ts
# → Identifies missing web-first assertion; replaces waitForTimeout(2000) with expect(locator).toBeVisible()

Golden Rules

  1. getByRole() over CSS/XPath — resilient to markup changes
  2. Never page.waitForTimeout() — use web-first assertions
  3. expect(locator) auto-retries; expect(await locator.textContent()) does not
  4. Isolate every test — no shared state between tests
  5. baseURL in config — zero hardcoded URLs
  6. Retries: 2 in CI, 0 locally
  7. Traces: 'on-first-retry' — rich debugging without slowdown
  8. Fixtures over globals — test.extend() for shared state
  9. One behavior per test — multiple related assertions are fine
  10. Mock external services only — never mock your own app

Locator Priority

1. getByRole()        — buttons, links, headings, form elements
2. getByLabel()       — form fields with labels
3. getByText()        — non-interactive text
4. getByPlaceholder() — inputs with placeholder
5. getByTestId()      — when no semantic option exists
6. page.locator()     — CSS/XPath as last resort

What's Included

  • 9 skills with detailed step-by-step instructions
  • 3 specialized agents: test-architect, test-debugger, migration-planner
  • 55 test templates: auth, CRUD, checkout, search, forms, dashboard, settings, onboarding, notifications, API, accessibility
  • 2 MCP servers (TypeScript): TestRail and BrowserStack integrations (optional — not auto-registered; see Integration Setup)
  • Smart hooks: auto-validate test quality, auto-detect Playwright projects
  • 6 reference docs: golden rules, locators, assertions, fixtures, pitfalls, flaky tests
  • Migration guides: Cypress and Selenium mapping tables

Integration Setup

Not auto-registered (issue #978). The TestRail and BrowserStack MCP servers are no longer declared in the plugin's .mcp.json (they failed to connect for every user — no bundled node_modules). Exporting the env vars below is not enough: /pw:testrail / /pw:browserstack fail with "tool not found" until you enable the server manually (cd integrations/<name>-mcp && npm install, then register it in your own user/project MCP config). See CLAUDE.md → Integrations.

TestRail (Optional)

export TESTRAIL_URL="https://your-instance.testrail.io"
export TESTRAIL_USER="your@email.com"
export TESTRAIL_API_KEY="your-api-key"

BrowserStack (Optional)

export BROWSERSTACK_USERNAME="your-username"
export BROWSERSTACK_ACCESS_KEY="your-access-key"

Quick Reference

See reference/ directory for:

  • golden-rules.md — The 10 non-negotiable rules
  • locators.md — Complete locator priority with cheat sheet
  • assertions.md — Web-first assertions reference
  • fixtures.md — Custom fixtures and storageState patterns
  • common-pitfalls.md — Top 10 mistakes and fixes
  • flaky-tests.md — Diagnosis commands and quick fixes

See templates/README.md for the full template index.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Audit web applications for accessibility issues against WCAG 2.2 Level A and AA, the web accessibility standards. Get framework-specific code fixes, contrast checks, verification steps, and reports, with options for automated checks in development pipelines.

中文简介正在准备中。当前显示英语简介。

  • Audit a web application before release
  • Fix contrast and keyboard navigation issues
  • Prepare accessibility reports for stakeholders
alirezarezvani/claude-skills2.8万2026年8月30日 更新

Plan A/B tests that compare page variations, from headlines to pricing layouts. Define a hypothesis, choose success metrics, calculate sample size and duration, and prepare launch checks and results reports to support decisions.

中文简介正在准备中。当前显示英语简介。

  • Comparing landing page headlines
  • Testing signup button changes
  • Planning pricing page experiments
alirezarezvani/claude-skills2.8万2026年8月30日 更新

Create paid ad headlines and body copy tailored to each platform's character limits. Use existing performance data to develop variations, explore new messaging angles, and check copy for length, quality, and potential rejection risks.

中文简介正在准备中。当前显示英语简介。

  • Creating Google RSA headlines
  • Writing Meta and LinkedIn ad copy
  • Developing variations of successful ads
alirezarezvani/claude-skills2.8万2026年8月30日 更新

Review code changes from three critical perspectives: production failures, maintainability, and security. Get a consolidated report that ranks findings by severity and provides merge guidance, helping examine assumptions that an ordinary self-review may overlook.

中文简介正在准备中。当前显示英语简介。

  • Reviewing a pull request before merging
  • Getting a second opinion on AI-written code
  • Checking authentication or data access code
alirezarezvani/claude-skills2.8万2026年8月30日 更新

aeo

免费

Audit and improve content intended for citation in AI answers. Review evidence, author information, and structure, generate revised content and structured metadata, and keep a local record of observed citations across AI services.

中文简介正在准备中。当前显示英语简介。

  • Audit existing articles for evidence and credibility gaps
  • Revise article structure and references for AI answers
  • Record citations observed across AI services
alirezarezvani/claude-skills2.8万2026年8月30日 更新

Create signed records for consequential agent actions such as deployments, deletions, and payments. Decide which actions need evidence, record the agent, action, target, and policy, then verify the resulting certificate offline to detect later changes.

中文简介正在准备中。当前显示英语简介。

  • Creating signed records for production deployments
  • Preserving evidence of deletions and payments
  • Recording access grants for later review
alirezarezvani/claude-skills2.8万2026年8月30日 更新

查看 alirezarezvani 的全部技能

报告此技能的问题