本文へ移動
cccskills
無料GitHub で公開

playwright-pro

Production-grade Playwright testing toolkit. Generate tests, review them, fix flaky failures, migrate from Cypress/Selenium, report results. 55 templates.

日本語の概要は準備中です。原文の説明を表示しています。

SebastianLuser/claude-code-arcaneスター 3(GitHub 3 + cccskills 0)
連携ツールPlaywright

実行スコア 未検証

インストール方法を見る

含まれるファイル(75)

  • SKILL.md3.3 KB
  • LICENSE1.0 KB
  • references/assertions.md2.2 KB
  • references/common-pitfalls.md3.1 KB
  • references/fixtures.md3.1 KB
  • references/flaky-tests.md1.5 KB
  • references/golden-rules.md906 B
  • references/locators.md2.1 KB
  • skills/fix/flaky-taxonomy.md3.4 KB
  • skills/fix/SKILL.md3.0 KB
  • skills/generate/patterns.md5.7 KB
  • skills/generate/SKILL.md4.5 KB
  • skills/init/SKILL.md4.1 KB
  • skills/migrate/cypress-mapping.md3.6 KB
  • skills/migrate/selenium-mapping.md4.4 KB
  • skills/migrate/SKILL.md4.2 KB
  • skills/report/SKILL.md2.7 KB
  • skills/review/anti-patterns.md4.2 KB
  • skills/review/SKILL.md3.0 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.9 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(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Playwright Pro

Production-grade Playwright testing toolkit for AI coding agents.

Note: This skill may create or modify files in your project. It will ask before writing.

Sub-commands

/playwright-pro with no argument shows this overview. With a sub-command as its first argument, read skills/<sub-command>/SKILL.md from this skill's directory and follow it, passing the remaining arguments. Sub-commands: fix, generate, init, migrate, report, review.

Quick Start Workflow

The recommended sequence for most projects:

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

Validation checkpoints:

  • After /playwright-pro generate -- always run /playwright-pro review before committing
  • After /playwright-pro fix -- re-run the full suite locally (npx playwright test)
  • After /playwright-pro migrate -- run both suites and compare test counts and results before decommissioning old tests

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

  • 6 sub-commands with detailed step-by-step instructions
  • 55 test templates: auth, CRUD, checkout, search, forms, dashboard, settings, onboarding, notifications, API, accessibility
  • 6 reference docs: golden rules, locators, assertions, fixtures, pitfalls, flaky tests
  • Migration guides: Cypress and Selenium mapping tables

Quick Reference

See references/ 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 のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

Plan, design, and implement A/B tests and experiments with statistical rigor. Covers hypothesis frameworks, sample sizing, metrics, and result analysis.

日本語の概要は準備中です。原文の説明を表示しています。

SebastianLuser/claude-code-arcane32026年10月27日 更新

Web/mobile accessibility decision guide: WCAG 2.2 AA, ARIA, keyboard nav, focus management, contrast, testing. Use for: a11y, accessibility, wcag, aria, screen reader, keyboard, contrast.

日本語の概要は準備中です。原文の説明を表示しています。

SebastianLuser/claude-code-arcane32026年10月27日 更新

Generate, iterate, and scale ad creative for paid advertising across Google, Meta, LinkedIn, and X. Covers platform specs, creative frameworks, and quality validation.

日本語の概要は準備中です。原文の説明を表示しています。

SebastianLuser/claude-code-arcane32026年10月27日 更新

Musica interactiva para juegos: layering vertical, re-secuenciacion horizontal, stingers, reglas de transicion con sync points, y mapeo de estados de gameplay a musica. Usar para: musica adaptativa, sistema de musica dinamica, transiciones musicales, combat music.

日本語の概要は準備中です。原文の説明を表示しています。

SebastianLuser/claude-code-arcane32026年10月27日 更新

Design multi-agent systems, create agent architectures, define communication patterns, and build autonomous agent workflows with structured evaluation frameworks.

日本語の概要は準備中です。原文の説明を表示しています。

SebastianLuser/claude-code-arcane32026年10月27日 更新

Inter-agent communication protocol for C-suite agent teams. Defines invocation syntax, loop prevention, isolation rules, response formats, and quality loops.

日本語の概要は準備中です。原文の説明を表示しています。

SebastianLuser/claude-code-arcane32026年10月27日 更新

SebastianLuser のスキルをすべて見る

このスキルの問題を報告する