Menu
Internal helper for /pr. Reads PR body (Preview URL + How to Test), drives agent-browser to capture a screenshot (1 step) or a video (2+ steps), and returns the artifact path for manual attachment on GitHub web UI.
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle SOC
issue が build に投入できる形かを検分し、verdict (build-ready / needs-plan / needs-fix) と指摘を返す。起票には使わない (/issue)。PR のスクリーニングには使わない (/preview)。
Inspect whether an issue is in shape to hand to build, returning a verdict (build-ready / needs-plan / needs-fix) and the findings. Do NOT use to file an issue (use /issue) or to screen a PR (use /preview).
critic-design による敵対的批判を伴う設計探索。生き残った案を構造化 plan にまとめ、自己点検して呼び出し元に返す。plan の永続先は issue の Plan 節が唯一。計画意図のないコードベース調査には使わない (代わりに /research)。
Design exploration with adversarial critique by critic-design. Assembles the surviving approach into a structured plan, self-checks it, and returns it to the caller. The issue's Plan section is the plan's only persistent home. Do NOT use for codebase investigation without planning intent (use /research instead).
構造化されたタイトルと本文で GitHub Issue を生成する。単独で成立し、前段を要求しない。challenge / research の成果物が会話にあれば本文の根拠に使い、/think の plan 下書きがあれば `## Plan` 節へ移設する。issue 番号を渡すと、起票済みで Plan 節を持たない issue へ plan を転記する。
Generate GitHub Issue with structured title and body. Standalone; requires no upstream stage. When challenge / research artifacts exist in the conversation, they feed the body's evidence; when a /think plan draft exists, it is transferred into the `## Plan` section. Given an issue number, it transfers a plan into a filed issue that has no Plan section.
| name | use-workflow-pageshot |
| description | Internal helper for /pr. Reads PR body (Preview URL + How to Test), drives agent-browser to capture a screenshot (1 step) or a video (2+ steps), and returns the artifact path for manual attachment on GitHub web UI. |
| when_to_use | /pr workflow UI変更検出時のスクショ/動画撮影, screenshot capture, video capture |
| allowed-tools | Read Bash(agent-browser:*) Bash(ffmpeg:*) Bash(mkdir:*) Bash(date:*) |
| model | opus |
| user-invocable | false |
PR body is passed as a string from /pr. If either field below is missing, return mode: failed with the missing field name and let /pr decide.
| Field | Source |
|---|---|
| Preview URL | The leading Preview URL: <URL> line in the PR body |
| Steps | Numbered list under the ## How to Test section in PR body |
Pass --session pageshot --engine chrome on every agent-browser call. The default lightpanda returns a placeholder PNG for screenshot.
| Steps count | Mode | Artifact |
|---|---|---|
| 1 | screenshot | step-01.png |
| 2+ | video | capture.mp4 |
| Step | Action |
|---|---|
| 1 | Create output directory: ${CLAUDE_SKILL_DIR}/../../workspace/pageshot/$(date +%Y%m%d-%H%M%S)/ |
| 2 | agent-browser open {Preview URL} |
| 3 | Run Screenshot Flow or Video Flow based on Mode |
| 4 | Print absolute path of artifact to stdout |
| # | Command |
|---|---|
| 1 | agent-browser snapshot to obtain accessibility tree |
| 2 | If the step contains operations, run agent-browser {click/type/fill/...} |
| 3 | agent-browser screenshot --full {outdir}/step-01.png |
Insert agent-browser wait 500 between steps. Run snapshot before each operation to identify elements.
| # | Command |
|---|---|
| 1 | agent-browser record start {outdir}/capture.webm |
| 2 | For each step run snapshot then the operation in order |
| 3 | agent-browser record stop |
| 4 | ffmpeg -i {outdir}/capture.webm -vcodec libx264 {outdir}/capture.mp4 |
Single stdout line.
mode=screenshot artifact=/absolute/path/to/step-01.png
On video capture.
mode=video artifact=/absolute/path/to/capture.mp4
On failure.
mode=failed reason=<one-line reason>