How this skill is triggered — by the user, by Claude, or both
Slash command
/playwright:playwright-referenceThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
- `navigate --url <URL>` - URLに移動
navigate --url <URL> - URLに移動snapshot - ページスナップショット取得screenshot --filename <file> - スクリーンショット撮影click --element <desc> --ref <ref> - 要素をクリックtype --element <desc> --ref <ref> --text <text> - テキスト入力press_key --key <key> - キー入力hover --element <desc> --ref <ref> - 要素にホバーselect_option --element <desc> --ref <ref> --values <val> - オプション選択wait_for --text <text> または --time <seconds> - 待機tabs --action <list|new|close|select> - タブ操作close - ブラウザを閉じるresize - ブラウザのリサイズconsole - コンソールメッセージ取得network - ネットワークリクエスト取得evaluate - JavaScriptを実行drag - ドラッグ操作upload - ファイルアップロードback - 前のページに戻る# 基本形式
python3 ${CLAUDE_PLUGIN_ROOT}/scripts/playwright.py <command> [options] [--server <URL>]
全コマンドで --server オプションまたは環境変数 PLAYWRIGHT_SERVER_URL でサーバーURLを指定。
# サーバー起動(JSON形式でポート情報を返す)
SERVER_INFO=$(bash ${CLAUDE_PLUGIN_ROOT}/scripts/start_server.sh)
echo $SERVER_INFO
# 出力例: {"port": 8931, "url": "http://localhost:8931/mcp", "status": "started"}
# サーバー停止
lsof -ti :8931 | xargs kill -9
ポート探索: 8931 → 8932 → 8933の順に空きポートを探す。全て使用中の場合は8931を停止して再利用。
JSON出力フィールド:
port: 起動したポート番号url: MCP接続URLstatus: started(新規起動)または reused(再利用)tail -f /tmp/playwright_8931.log
その他のオプションは python3 ${CLAUDE_PLUGIN_ROOT}/scripts/playwright.py --help を参照。
npx claudepluginhub hidetsugu-miya/claude-pluginsRuns Playwright MCP server for Claude Code browser automation via accessibility tree tools. Enables navigation, clicks, forms, screenshots, content extraction for blocked sites or local UI testing.
Provides browser automation via Playwright MCP for Claude Code. Use for web interactions, screenshots, local UI testing, and accessing content that blocks non-browser HTTP clients.
Automates browser tasks via Playwright CLI for AI agents: navigate pages, take snapshots/screenshots, fill forms, click elements from command line. Use with shell access.