MCPInstall

playwright-api

Explains how to add playwright API methods.

Installs
84
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/microsoft/playwright --skill playwright-api
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads playwright-api automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

API

Adding and modifying APIs

  • Before performing the implementation, go over the steps to understand and plan the work ahead. It is important to follow the steps in order, as some of them are prerequisites for others.
  • Define (or update) API in docs/api/class-xxx.md. For the new methods, params and options use the version from package.json (without -next).
  • Watch will kick in and re-generate types for the API
  • Implement the new API in packages/playwright/src/client/xxx.ts
  • Define (or update) channel for the API in packages/protocol/src/protocol.yml as needed
  • Watch will kick in and re-generate types for protocol channels
  • Implement dispatcher handler in packages/playwright/src/server/dispatchers/xxxDispatcher.ts as needed
  • Handler should just route the call into the corresponding method in packages/playwright-core/src/server/xxx.ts
  • Place new tests in tests/page/xxx.spec.ts or create new test file if needed

Build

  • Assume watch is running and everything is up to date.

Test

  • If your tests are only using page, prefer to place them in tests/page/xxx.spec.ts and use page fixture. If you need to use browser context, place them in tests/library/xxx.spec.ts.
  • Run npm test as npm run ctest <file>

Lint

  • In the end lint via npm run flint.

FAQ

What does the playwright-api skill do?

Explains how to add playwright API methods.

How do I install playwright-api?

Run npx skills add https://github.com/microsoft/playwright --skill playwright-api in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/playwright-api/ (personal) or .claude/skills/playwright-api/ (project).

Which AI agents can use playwright-api?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is playwright-api safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains playwright-api?

It is published by microsoft in microsoft/playwright, and it is an official skill from the maker of the technology it covers. It has 84 recorded installs.

More from microsoft/playwright

View all →

playwright-dev

microsoft/playwright

Explains how to develop Playwright - add APIs, MCP tools, CLI commands, and vendor dependencies.

OfficialTesting & QA3.7K installs

playwright-devops

microsoft/playwright

DevOps workflows for Playwright - CI failure analysis, workflow debugging, and release operations.

OfficialDevOps & Cloud1K installs

playwright-cli

microsoft/playwright

Automate browser interactions, test web pages and work with Playwright tests.

OfficialTesting & QA528 installs

playwright-triage

microsoft/playwright

Open the skill to read its SKILL.md instructions.

Testing & QA425 installs

playwright-test-results

microsoft/playwright

Open the skill to read its SKILL.md instructions.

Testing & QA404 installs

playwright-mcp-dev

microsoft/playwright

Open the skill to read its SKILL.md instructions.

OfficialTesting & QA313 installs

Popular testing & qa skills

View category →

tdd

mattpocock/skills

Test-driven development. Use when the user wants to build features or fix bugs test-first, mentions "red-green-refactor", or wants integration tests.

Testing & QA1.2M installs

grilling

mattpocock/skills

Grill the user relentlessly about a plan, decision, or idea. Use when the user wants to stress-test their thinking, or uses any 'grill' trigger phrases.

Testing & QA996.2K installs

migrate-to-shoehorn

mattpocock/skills

Migrate test files from as type assertions to @total-typescript/shoehorn. Use when user mentions shoehorn, wants to replace as in tests, or needs partial test data.

Testing & QA484.1K installs

run-train

lllllllama/rigorpilot-skills

Rigor Train skill for deep learning research repositories. Use when a documented or selected training command should be run conservatively for startup verification, short-run verification, full kickoff, or resume, with command, config, seed, log, checkpoint, status, and metric evidence written to standardized trainoutputs/. Do not use for environment setup, exploratory sweeps, speculative idea implementation, or end-to-end orchestration.

Testing & QA337.8K installs

test-driven-development

obra/superpowers

Use when implementing any feature or bugfix, before writing implementation code

Testing & QA261.8K installs

Use when implementation is complete, all tests pass, and you need to decide how to integrate the work

Testing & QA216.8K installs