playwright-mcp とは?
Playwright MCP を介したライブブラウザインタラクション — ページの移動、ボタンのクリック、フォームへの入力、スクリーンショットの撮影。 ソース: darraghh1/my-claude-setup。
Playwright MCP を介したライブブラウザインタラクション — ページの移動、ボタンのクリック、フォームへの入力、スクリーンショットの撮影。
コマンドラインで playwright-mcp AI スキルを開発環境にすばやくインストール
ソース: 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-mcpPlaywright MCP を介したライブブラウザインタラクション — ページの移動、ボタンのクリック、フォームへの入力、スクリーンショットの撮影。 ソース: darraghh1/my-claude-setup。
ターミナルまたはコマンドラインツール(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