skills.rest
OpenDCAI
OpenDCAIOFFICIAL
Explore all skills by this author →
GitHub

playwright-dev

Guide Playwright framework development, including APIs, MCP tools, and CLI commands.

114|12|Updated Jan 22, 2026
Search Tags:#automation#testing#development#api#cli#mcp#playwright
One-click install
npx skills add https://github.com/OpenDCAI/Mycel --skill playwright-dev-opendcai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-dev
Source: https://github.com/OpenDCAI/Mycel/tree/main/.claude/skills/playwright-dev
Command: npx skills add https://github.com/OpenDCAI/Mycel --skill playwright-dev-opendcai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide to developing and extending the Playwright testing framework, enabling you to add new features, tools, and dependencies efficiently.

Core Features & Use Cases

  • API Development: Learn how to define, implement, and test new APIs within Playwright.
  • Tool Integration: Understand how to add custom MCP (Multi-Channel Protocol) tools and CLI commands.
  • Dependency Management: Master the process of vendoring and bundling third-party npm packages.
  • Use Case: A developer needs to add a new custom command to Playwright's CLI for a specific internal workflow. This Skill guides them through defining the MCP tool, registering the CLI command, and testing the integration.

Quick Start

Follow the steps in the Playwright Development Guide to add a new API to the framework.

Frequently Asked Questions about playwright-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add new APIs to the Playwright automation framework?▼

Integrating custom MCP tools into Playwright involves understanding the framework's internal architecture to register the tools and add corresponding CLI commands for your specific internal workflows.

What is the best way to vendor third-party dependencies in Playwright?▼

Vendoring third-party dependencies in Playwright is accomplished by using esbuild to bundle the npm packages, requiring knowledge of the framework's build processes to properly integrate the external libraries.

Do I need to understand client-server communication to customize Playwright?▼

Yes, understanding client-server communication and protocol definitions is a prerequisite for customizing Playwright, as the development process heavily relies on modifying its internal architecture and build processes.

How does Playwright handle CLI command registration for custom development workflows?▼

Playwright handles CLI command registration by defining the associated MCP tool, implementing the command logic within the internal architecture, and testing the integration to ensure proper workflow execution.

Related Skills

Explore More Software Engineering Skills→
CybLowCybLow
1

api-grpc

Design gRPC APIs for Python microservices with Protocol Buffers and streaming patterns.

Community
Advanced
anyekoutouminganyekoutouming
2

smithery-ai-cli

Discover, connect, and invoke MCP tools and skills from the command line.

Community
Intermediate
mgd34msumgd34msu
4

esbuild

Configures esbuild bundling for JavaScript/TypeScript with plugins, code splitting, and optimization.

Community
Intermediate
8monkey-ai8monkey-ai
25

playwright-cli

Automate browser testing workflows with Playwright via a CLI.

Official
Advanced