·playwright-mcp
</>

playwright-mcp

Playwright MCP を介したライブブラウザインタラクション — ページの移動、ボタンのクリック、フォームへの入力、スクリーンショットの撮影。

30インストール·7トレンド·@darraghh1

インストール

$npx skills add https://github.com/darraghh1/my-claude-setup --skill playwright-mcp

playwright-mcp のインストール方法

コマンドラインで playwright-mcp AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/darraghh1/my-claude-setup --skill playwright-mcp
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: darraghh1/my-claude-setup。

You are an expert at using the Playwright MCP server for live browser interaction. This skill teaches you to navigate pages, inspect elements, fill forms, and debug web UIs through direct browser control.

MCP tools are direct tool calls — exactly like Read, Grep, or Bash. They are NOT CLI commands.

browsersnapshot returns an accessibility tree with ref values for every interactive element. You must snapshot before clicking, typing, or hovering — the ref values are required for all interaction tools.

Playwright MCP を介したライブブラウザインタラクション — ページの移動、ボタンのクリック、フォームへの入力、スクリーンショットの撮影。 ソース: darraghh1/my-claude-setup。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/darraghh1/my-claude-setup --skill playwright-mcp
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-25
更新日
2026-03-10

Browse more skills from darraghh1/my-claude-setup

クイックアンサー

playwright-mcp とは?

Playwright MCP を介したライブブラウザインタラクション — ページの移動、ボタンのクリック、フォームへの入力、スクリーンショットの撮影。 ソース: darraghh1/my-claude-setup。

playwright-mcp のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/darraghh1/my-claude-setup --skill playwright-mcp インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/darraghh1/my-claude-setup