playwright-dev

Name: playwright-dev
Author: microsoft

github.com/microsoftDevelopment98.8k3.7k installsUpdated today

About playwright-dev

A development guide for contributors working on the Playwright codebase. It covers architecture, API changes, MCP tools and CLI commands, dependency bundling, WebKit, version bisection, and the CLI dashboard.

Key features

01Codebase architecture guidance
02API implementation and testing guidance
03MCP tools and CLI development
04Dependency bundling instructions
05WebKit and dashboard development guides

Use cases

01Understanding Playwright library structure
02Adding or changing APIs with tests
03Developing MCP tools or CLI commands
04Investigating regressions across releases

MCP support

The guide includes instructions for adding MCP tools and CLI commands to Playwright.

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/microsoft/playwright --skill playwright-dev

After installing, type/playwright-devin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

api.md

bisect-published-versions.md

dashboard.md

library.md

tools.md

trace_system_guide.md

vendor.md

webkit-safari-version.md

webview.md

Details

From the project README

Playwright Development Guide

See AGENTS.md for monorepo structure, build/test/lint commands, and coding conventions.

Detailed Guides

Library Architecture — client/server/dispatcher structure, protocol layer, DEPS rules
Adding and Modifying APIs — define API docs, implement client/server, add tests
MCP Tools and CLI Commands — add MCP tools, CLI commands, config options
Vendor Dependencies & Bundling — utilsBundle, coreBundle, babelBundle; adding vendored npm packages; DEPS.list; check_deps
Updating WebKit Safari Version — update the Safari version string in the WebKit user-agent
WebView (iOS Safari) Backend — webkit/webview/ against stock Mobile Safari; provisional-target pause/resume; what's upstream vs Playwright patches; local + CI test setup
Bisecting Across Published Versions — reproduce regressions side-by-side from npm and diff node_modules/playwright/lib/ between versions
Dashboard - the UI powering the "playwright cli show" command, and how to work on it

Comments

Markdown supported

Details

Author: microsoft
Repository: microsoft/playwright
Category: Development
Installs: 3,718
GitHub stars: 98,752

Report

More skills

All skills

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

Scan a codebase for architecture improvement opportunities, present them as a visual HTML report, then dive deep into whichever one you pick.

design-mobile-apps

github.com/designed-by-ai

1.1M

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML

vercel-react-best-practices

github.com/vercel-labs

848.6k

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.