Add and debug Playwright MCP tools and CLI commands with TypeScript.
npx skills add https://github.com/raphaelmans/agent-skills --skill playwright-mcp-dev
Please help me install this Agent Skill. Skill: playwright-mcp-dev Source: https://github.com/raphaelmans/agent-skills/tree/main/playwright-mcp-dev Command: npx skills add https://github.com/raphaelmans/agent-skills --skill playwright-mcp-dev
Explains how to add and debug Playwright MCP tools and CLI commands, unifying setup, registration, testing, and lint workflows.
Create a new tool in packages/playwright/src/mcp/browser/tools/your-tool.ts, register the tool in packages/playwright/src/mcp/browser/tools.ts, and ensure the MCP workflow is wired for testing.
High-intent search queries and answers about installing and using this skill.
To register a Playwright MCP tool, add ToolCapability in packages/playwright/src/mcp/config.d.ts and wire the tool into the CLI command set. This configuration unifies setup, registration, and CLI workflows for the Playwright project.
To test Playwright MCP tools, place your tests in tests/mcp/mcp-<category>.spec.ts and run npm run ctest-mcp <category>. You must also run lint checks before committing your changes to ensure code quality.
Playwright MCP development requires access to the project structure under packages/playwright and tests/mcp. The setup uses TypeScript tooling and npm scripts like ctest-mcp to manage testing and integration workflows.
Yes, you can extend CLI categories and commands as needed when adding Playwright MCP tools. You must update the CLI command set, configuration, and any relevant docs and references accordingly to maintain integration.
Yes, Playwright MCP development requires TypeScript tooling and npm scripts for ctest-mcp. The project structure under packages/playwright and tests/mcp relies on TypeScript to manage tool creation, integration, and lint workflows.
You need to run lint checks before committing Playwright MCP tools to maintain code quality across the project structure. The lint workflow unifies setup, registration, and testing processes for packages/playwright and tests/mcp.
Wike-CHIAutomate browser tasks with Playwright MCP for navigation, form filling, and data extraction.
edneyreis999Run pre-delivery validation checks for NestJS and Next.js projects.
open-haxConfigure MCP servers and register tools for OpenCode workflows.
BuilderIOAutomate browser interactions and Playwright test workflows via command-driven tooling.
