thkt/use-workflow-pageshot
skills/use-workflow-pageshot/SKILL.md
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.
$ install --global
skillsauthnpx skillsauth add thkt/claude-config use-workflow-pageshotInstall 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: Jun 1, 2026, 2:33 AM50.8s1 file scanned
SKILL.md
- 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
use-workflow-pageshot - PR Screenshot/Video Helper
Internal helper invoked by /pr when UI changes are detected. Not for direct user invocation.
Input
| 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 |
PR body is passed as a string from /pr. If Preview URL or How to Test is missing, return mode: failed with the missing field name and let /pr decide.
Mode Selection
| Steps count | Mode | Artifact | | ----------- | ---------- | ----------- | | 1 | screenshot | step-01.png | | 2+ | video | capture.mp4 |
Execution
| 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 |
Screenshot Flow (1 step)
| # | 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 |
Video Flow (2+ steps)
| # | 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 |
Insert agent-browser wait 500 between steps. Run snapshot before each operation to identify elements.
Output
Single stdout line:
mode=screenshot artifact=/absolute/path/to/step-01.png
or
mode=video artifact=/absolute/path/to/capture.mp4
On failure:
mode=failed reason=<one-line reason>
Related Skills
thkt/use-workflow-plan-preview
tools
VerifiedTrustedCommunity
Internal helper for /think Step 11. Renders SOW.md + Spec.md as an integrated Astro view and returns a dev server URL.
9SKILL.mdUpdated Jun 1, 2026
thkt/probe
development
VerifiedTrustedCommunity
Extract repository spec while detecting bugs, spec gaps, and consistency drift via dual-purpose documentation. OUTCOME.md-axis question-driven exploration with ephemeral output. Do NOT use for code review (use /audit or /polish), feature implementation (use /code), planning only (use /think), or single-bug fix (use /fix).
9SKILL.mdUpdated Jun 1, 2026
thkt/audit-adr-gaps
development
VerifiedTrustedCommunity
Discover undocumented design decisions and challenge each candidate via critic-design before promotion. Rank by impact and reversibility, produce ADR promotion candidates. Treat each candidate as a position arguing for ADR status, not a fact to be filed. Pairs with audit-adr-drift, which scans existing ADRs for drift against code.
9SKILL.mdUpdated Jun 1, 2026
thkt/audit-adr-drift
development
VerifiedTrustedCommunity
Scan ADR Decision sections against current code and report drift with modification direction and priority. Do NOT use for repos without ADRs (use audit-adr-gaps instead).
9SKILL.mdUpdated Jun 1, 2026