| name | webtunnel |
| description | GitHub Actions の Linux Runner 上で Chromium を起動し、Tailscale 経由でローカルの agent-browser から
CDP 接続して Web の動作確認を行う skill。ローカルマシンのリソースを使わずにページ操作・スクリーンショット・
操作過程の録画(artifact)取得ができる。セッションの起動・操作・終了と、使うべきかどうかの判断を扱う。
ローカルのブラウザで完結する検証は agent-browser skill が担当する(本 skill はリモート実行が要る場合に使う)。
使用例: "webtunnel でブラウザの動作確認をして" "GHA 上の Chromium でページを開いて" "/webtunnel"
|
| allowed-tools | ["Bash(bash ${CLAUDE_SKILL_DIR}/scripts/webtunnel-cli.sh:*)","Bash(WEBTUNNEL_REPO=* bash ${CLAUDE_SKILL_DIR}/scripts/webtunnel-cli.sh:*)","Bash(WEBTUNNEL_WORKFLOW=* bash ${CLAUDE_SKILL_DIR}/scripts/webtunnel-cli.sh:*)","Bash(bash ${CLAUDE_SKILL_DIR}/scripts/preflight.sh:*)","Bash(bash ${CLAUDE_SKILL_DIR}/scripts/fetch-recording.sh:*)","Bash(WEBTUNNEL_REPO=* bash ${CLAUDE_SKILL_DIR}/scripts/fetch-recording.sh:*)","Bash(bash ${CLAUDE_SKILL_DIR}/scripts/test/test-webtunnel-cli.sh:*)","Bash(bash ${CLAUDE_SKILL_DIR}/scripts/test/test-preflight.sh:*)","Bash(bash ${CLAUDE_SKILL_DIR}/scripts/test/test-fetch-recording.sh:*)","Bash(agent-browser:*)","Bash(gh run list:*)","Bash(gh run view:*)","Bash(gh run download:*)","Read","Glob"] |
webtunnel
GitHub Actions の Linux Runner 上の Chromium を、Tailscale 経由でローカルの agent-browser から CDP(Chrome DevTools Protocol)で操作する。ローカルブラウザで完結する検証は agent-browser skill が担当し、本 skill はリモート実行が要る場合を担当する。
設計・セットアップ手順・実測値の SSOT は、本 skill と同じリポジトリの PROJECT.md。場所は bash ${CLAUDE_SKILL_DIR}/scripts/webtunnel-cli.sh --path が出力する <リポジトリルート>/local/webtunnel から辿り、その <リポジトリルート>/PROJECT.md を Read する。
重要な原則
- CDP への接続は tailscale IP で行う。 Chromium は Host ヘッダが IP か localhost 以外のリクエストを拒否するため、MagicDNS 名(
webtunnel-<session>)では接続できない。IP は webtunnel-cli.sh cdp <session> が出力する。