Skills
.Work. You
Rest

playwright-setup-ai-kit

Community

Enable Playwright MCP for reliable tests.

Software Engineering#typescript#vscode#browser automation#mcp#playwright#end-to-end testing#test setup
Authorducthang-hub
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill prevents setup failures and missing Playwright MCP tooling by guiding you through installing Playwright, configuring the Playwright test MCP server, and creating the required config and seed test files.

Core Features & Use Cases

  • Playwright + dependencies setup: Ensures @playwright/test is present, installs dependencies, and runs npx playwright install so the browser binaries are available.
  • MCP server configuration: Creates or fixes .vscode/mcp.json with a playwright-test server entry using the correct relative cwd for portability.
  • Test configuration + seed spec: Generates playwright.config.ts and tests/seed.spec.ts (with URL handling) to support deterministic seeded page setup and navigation validation.

Quick Start

Tell the assistant to set up Playwright MCP in your repo and verify it by running the three required MCP tool calls for setup, navigation, and page interaction.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: playwright-setup-ai-kit
Download link: https://github.com/ducthang-hub/nw-ai-kit/archive/main.zip#playwright-setup-ai-kit

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.