Playwright E2E Builder Skill for Claude Code
Plan a Playwright browser suite around the app routes, repeatable fixtures, and visible assertions for the flows users rely on.
中文Install in Claude Code
Use your own local app, a Node.js project, @playwright/test, and an installed test browser. Prepare a dedicated fixture product and test account if required.
- Get the complete `cli-tool/components/skills/development/playwright-e2e-builder` directory from the pinned GitHub commit.
- Copy it into the target project's `.claude/skills/`. Check `.claude/skills/playwright-e2e-builder/SKILL.md`, start Claude Code at the project root, and call `/playwright-e2e-builder`.
Example task
Seed Demo Mug in your local catalog. From /products, click Add to cart, open /cart, and assert that Demo Mug and quantity 1 are visible. Run npx playwright test cart.spec.ts.What to check
The cart flow passes from a clean starting state. A failure identifies the locator or visible assertion that failed.
Original SKILL.md on GitHub · Updated
Frequently asked question
Do I need a Page Object Model for one cart test?
Start with a clear test and extract a page object when multiple tests repeat the same locators and actions.