use-workflow-pageshotlisted
Install: claude install-skill thkt/dotclaude
# use-workflow-pageshot
## 入力
PR 本文は `/pr` から文字列として渡される。下表のいずれかが欠落していれば、`mode=failed reason=<欠落フィールド名>` を返し、判���は `/pr` に任せる。
| フィールド | ソース |
| ----------- | --------------------------------------------------------- |
| Preview URL | PR 本文の冒頭にある `Preview URL: <URL>` 行 |
| Steps | PR 本文の `## How to Test` セクション配下の番号付きリスト |
## ブラウザ engine
すべての agent-browser 呼び出しに `--session pageshot --engine chrome` を付ける。既定の lightpanda は screenshot でプレースホルダー PNG を返す。
## モード選択
| Steps の数 | モード | 成果物 |
| ---------- | ---------- | ----------- |
| 1 | screenshot | step-01.png |
| 2+ | video | capture.mp4 |
## 実行
| ステップ | アクション |
| -------- | ---------------------------------------------------------------------------- |
| 1 | 出力ディレクトリを作成。`.claude/workspace/pageshot/$(date +%Y%m%d-%H%M%S)/` |
| 2 | `agent-browser open {Preview URL}` |
| 3 | モードに応じて Screenshot Flow または Video Flow を実行 |
| 4 | 成果物の絶対パスを stdout に出力 |
## Screenshot Flow (1 step)
| # | コマンド |
| --- | ------------------------------------------------------------------------ |
| 1 | `agent-browser snapshot` でアクセシビリティツリーを取得 |
| 2 | step に操作が含まれていれば `