본문으로 건너뛰기
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 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

ab-test-setup

무료

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일 업데이트

accessibility

무료

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일 업데이트

ad-creative

무료

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일 업데이트

adaptive-music

무료

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일 업데이트

agent-designer

무료

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일 업데이트

agent-protocol

무료

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의 스킬 모두 보기

이 스킬의 문제 신고