mcpField
P
playwright

playwright

github.com/fandhe-aiTesting & quality4215 installsUpdated 4d ago
Repository

About playwright

playwright is a reference skill for developers using Playwright, organizing an index of v1.64.1 documentation by task category. It helps locate material on testing, configuration, browser APIs, tooling, and examples.

Key features

  1. 01Maps tasks to documentation categories
  2. 02Indexes test creation and CI guides
  3. 03Covers test runner and core concepts
  4. 04Lists tooling, APIs, and advanced topics
  5. 05Links to samples and script references

Use cases

  1. 01Find guidance for a first test or CI setup
  2. 02Locate guides for locators, assertions, or network mocks
  3. 03Find CLI, Playwright MCP, or API documentation

MCP support

The skill’s tooling topics include Playwright MCP, and its scripts reference covers MCP commands.

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/fandhe-ai/agent-reference-skills --skill playwright

After installing, type/playwrightin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/advanced/
browsers.md
chrome-extensions.md
component-testing.md
evaluate.md
README.md
service-workers.md
typescript.md
references/api/
assertions.md
browser-context.md
credentials.md
locator.md
page.md
README.md
request.md
screencast.md
tracing.md
web-storage.md
webmcp.md
references/core-concepts/
actions.md
assertions.md
auto-waiting.md
emulation.md
frames.md
isolation.md
locators.md
pages.md
README.md
references/getting-started/
ci.md
README.md
running-and-debugging.md

Details

From the project README

Playwright E2E テストフレームワーク リファレンス

Playwright の全 API ドキュメントを網羅したスキル。 ユーザーのタスクに応じて適切な README.md を読み、そこから個別ファイルへ辿ること。

対象: Playwright v1.64.1（出典 microsoft/playwright v1.64.1 タグの docs/src、取得 2026-10-16）。

ディレクトリ構成

skills/playwright/
  SKILL.md
  references/
    getting-started/
      README.md
      ci.md
      running-and-debugging.md
      writing-tests.md
    test-runner/
      README.md
      annotations.md
      configuration.md
      fixtures.md
      global-setup.md
      parallelism.md
      projects.md
      reporters.md
      retries.md
      sharding.md
      timeouts.md
      web-server.md
    core-concepts/
      README.md
      actions.md
      assertions.md
      auto-waiting.md
      emulation.md
      frames.md
      isolation.md
      locators.md
      pages.md
    guides/
      README.md
      accessibility.md
      api-testing.md
      aria-snapshots.md
      authentication.md
      best-practices.md
      clock.md
      dialogs-downloads.md
      events.md
      mock-apis.md
      mock-browser-apis.md
      navigations.md
      network.md
      parameterize.md
      pom.md
      screenshots.md
      videos.md
      visual-testing.md
      webview2.md
    tooling/
      README.md
      cli.md
      codegen.md
      mcp.md
      playwright-cli.md
      test-agents.md
      trace-viewer.md
      ui-mode.md
    advanced/
      README.md
      browsers.md
      chrome-extensions.md
      component-testing.md
      evaluate.md
      service-workers.md
      typescript.md
    api/
      README.md
      assertions.md
      browser-context.md
      credentials.md
      locator.md
      page.md
      request.md
      screencast.md
      tracing.md
      web-storage.md
      webmcp.md
  samples/
    README.md
    accessibility-testing.md
    api-testing.md
    authentication.md
    basic-test.md
    codegen.md
    configuration.md
    custom-fixtures.md
    device-emulation.md
    dialog-handling.md
    locators.md
    network-mocking.md
    page-object-model.md
    parameterized-tests.md
    visual-testing.md
  scripts/
    README.md
    install.md
    cli.md
    generate.md
    debug.md
    ci.md
    mcp-cli.md

探索手順

タスクからカテゴリを引き、カテゴリの README.md で目的のページを特定する:

  1. 下記マッピング表でタスクに対応するカテゴリを探す
  2. そのカテゴリの references/{category}/README.md を参照して目的のページを特定する
  3. 該当ページの .md を Read して詳細を確認する

タスク → カテゴリ マッピング

タスクカテゴリ参照 README
テスト作成の基本、最初のテスト、CI セットアップ、デバッグ実行getting-startedreferences/getting-started/README.md
playwright.config.ts、fixtures、annotations、parallelism (shuffle)、sharding、retries (retryStrategy)、timeouts、test lockstest-runnerreferences/test-runner/README.md
locators、assertions、actions、auto-waiting、emulation、frames、isolationcore-conceptsreferences/core-concepts/README.md
認証、ネットワークモック、API テスト、ビジュアルテスト、POM、アクセシビリティ、ベストプラクティス、クロック制御、ナビゲーション、スクリーンショット、動画録画、API モック、WebView2guidesreferences/guides/README.md
CLI コマンド、codegen、trace viewer、UI mode、test agents、Playwright MCP、playwright-cli (エージェント向け CLI)toolingreferences/tooling/README.md
TypeScript、ブラウザ管理、Chrome 拡張、コンポーネントテスト、evaluate、service workersadvancedreferences/advanced/README.md
Page、Locator、BrowserContext、APIRequestContext、Assertions クラス API、Credentials (passkeys)、WebStorage、WebMCP、Screencast、Tracing (HAR)apireferences/api/README.md
典型的な使い方を知りたい、実装サンプルを参照したいsamplessamples/README.md
インストール・CLI コマンド・CI 実行・デバッグコマンド・MCP / playwright-cli コマンドを知りたいscriptsscripts/README.md

Comments

Markdown supported