hidetsugu-miya/playwright-step
playwright/skills/playwright-step/SKILL.md
Webページのナビゲート、スナップショット取得、要素クリック。ブラウザ自動化やWebテストが必要な場合に使用。
$ install --global
skillsauthnpx skillsauth add hidetsugu-miya/claude-plugins playwright-stepInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 20, 2026, 2:06 AM8.4s1 file scanned
SKILL.md
- name:
- playwright-step
- description:
- Webページのナビゲート、スナップショット取得、要素クリック。ブラウザ自動化やWebテストが必要な場合に使用。
Playwright ブラウザ自動化 利用手順
概要
HTTPサーバーモードで動作するPlaywright MCPスキル。永続的なブラウザセッションで複数の操作を実行できる。
特徴:
- セッション再利用による高速化（2回目以降 約8-10倍高速）
- 自動セッション管理（セッションIDを自動キャッシュ・再利用）
- フォールバック機能（無効なセッションは自動的に新規作成）
手順
1. サーバー起動
SERVER_INFO=$(bash ${CLAUDE_PLUGIN_ROOT}/scripts/start_server.sh)
export PLAYWRIGHT_SERVER_URL=$(echo "$SERVER_INFO" | jq -r '.url')
jqがない場合:
SERVER_INFO=$(bash ${CLAUDE_PLUGIN_ROOT}/scripts/start_server.sh)
echo "$SERVER_INFO" # ポート番号を確認
export PLAYWRIGHT_SERVER_URL="http://localhost:8931/mcp" # 確認したポートを使用
2. ブラウザ操作を実行
環境変数を設定すれば --server オプションは不要。
python3 ${CLAUDE_PLUGIN_ROOT}/scripts/playwright.py navigate --url "https://example.com"
python3 ${CLAUDE_PLUGIN_ROOT}/scripts/playwright.py snapshot
python3 ${CLAUDE_PLUGIN_ROOT}/scripts/playwright.py click --element "ボタン" --ref "e1"
python3 ${CLAUDE_PLUGIN_ROOT}/scripts/playwright.py type --element "入力欄" --ref "e2" --text "テキスト"
python3 ${CLAUDE_PLUGIN_ROOT}/scripts/playwright.py press_key --key "Enter"
3. サーバー停止
セッション終了時にhookで自動停止されるため、手動停止は通常不要。 手動で停止する場合:
lsof -ti :8931 | xargs kill -9
複数タスクの並行実行
最大3つのサーバーを同時に起動可能（--server オプションで明示的に指定）:
SERVER1=$(bash ${CLAUDE_PLUGIN_ROOT}/scripts/start_server.sh)
URL1=$(echo "$SERVER1" | jq -r '.url')
python3 ${CLAUDE_PLUGIN_ROOT}/scripts/playwright.py navigate --url "https://google.com" --server "$URL1" &
SERVER2=$(bash ${CLAUDE_PLUGIN_ROOT}/scripts/start_server.sh)
URL2=$(echo "$SERVER2" | jq -r '.url')
python3 ${CLAUDE_PLUGIN_ROOT}/scripts/playwright.py navigate --url "https://yahoo.co.jp" --server "$URL2" &
wait
コマンドの詳細・オプションは playwright-reference スキルを参照。
サブエージェント
メインコンテキストの消費を抑えるため、playwright-runner サブエージェントに委任して実行できる。
Related Skills
hidetsugu-miya/slack-setup
tools
VerifiedTrustedCommunity
Slack MCP CLI の初期セットアップ skill。`~/.config/slack/bin/slack-mcp` wrapper を作成し、Codex / Claude / terminal から `CLAUDE_PLUGIN_ROOT` なしで Slack MCP を使えるようにする。「Slack MCP をセットアップ」「slack-mcp コマンドを作成」等で起動する。
1SKILL.mdUpdated May 10, 2026
hidetsugu-miya/slack-core
tools
VerifiedTrustedCommunity
Slack MCP 連携の共通リファレンス。公式 MCP Python SDK、固定 Slack CLIENT_ID、ワークスペース単位の OAuth token 保存、Slack MCP CLI の実行規約を定義する。slack-connect / slack-bridge から参照する。
1SKILL.mdUpdated May 10, 2026
hidetsugu-miya/slack-connect
tools
VerifiedTrustedCommunity
Slack MCP 用の初回接続 skill。`~/.config/slack/bin/slack-mcp login` で公式 MCP Python SDK による OAuth 認証を実行し、ワークスペース単位で token を保存する。「Slack を接続」「Slack MCP の初回登録」等で起動する。
1SKILL.mdUpdated May 10, 2026
hidetsugu-miya/slack-bridge
tools
VerifiedTrustedCommunity
登録済み Slack workspace を使って Slack MCP tool を実行する skill。`~/.config/slack/bin/slack-mcp call` 方式で、検索・チャンネル履歴・スレッド取得・送信を行う。「Slack を検索」「Slack の permalink を読んで」「Slack チャンネル履歴を見て」等で起動する。
1SKILL.mdUpdated May 10, 2026