Menu
Generate demo assets (GIF/MP4) from real tmux E2E runs and viewer screenshots using asciinema and Playwright
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Run PR-grade real Codex E2E validation through claude-tap, including resume turns, multiple tool calls, optional image input, viewer verification, and screenshot evidence.
Run claude-tap end-to-end tests with pytest
Full pre-PR merge-readiness check. Run this before opening or merging a pull request — it validates local gates (lint, format, tests), CI status, screenshot evidence, and PR metadata in one pass. Also useful for reviewing an existing PR's readiness.
Test JS logic embedded in HTML using two-layer strategy - Python unit tests + Playwright browser integration tests
Fill missing i18n translations in the viewer source JSON. Run this after adding or modifying English or Chinese UI strings in claude_tap/viewer_i18n.json — it auto-translates to ja, ko, fr, ar, de, ru via OpenRouter.
Validate screenshot and viewer HTML quality for PR evidence. Run this after adding or modifying images under .agents/evidence/pr/ or .agents/recordings/, or after generating a new viewer HTML file. Combines image quality checks (resolution, blankness, file size) with Playwright-based viewer rendering verification.
| name | demo-video |
| description | Generate demo assets (GIF/MP4) from real tmux E2E runs and viewer screenshots using asciinema and Playwright |
| user_invocable | true |
Generate demo assets from a real tmux E2E run and viewer screenshots.
tmux new-session -d -s demo -x 160 -y 46
tmux send-keys -t demo "asciinema rec /tmp/claude-tap-recordings/demo.cast" Enter
tmux send-keys -t demo "cd /path/to/claude-tap && scripts/run_real_e2e_tmux.sh" Enter
# ... wait until run finishes ...
tmux send-keys -t demo "exit" Enter
Notes:
Enter is the submit key for Claude Code TUI in tmux.tool_use..cast to GIF with aggagg /tmp/claude-tap-recordings/demo.cast /tmp/claude-tap-recordings/demo.gif
ffmpeg -y -i /tmp/claude-tap-recordings/demo.gif -movflags +faststart -pix_fmt yuv420p .agents/recordings/demo.mp4
Use Playwright CDP to attach to a running Chrome/Chromium instance on port 9222.
browser = playwright.chromium.connect_over_cdp("http://127.0.0.1:9222")
page = browser.contexts[0].pages[0]
page.query_selector('text="轮次 22"').click()
page.query_selector('text="对比上次"').click()
window):page.evaluate("""
() => {
for (const el of document.querySelectorAll('*')) {
if (el.scrollHeight > el.clientHeight) {
el.scrollTop += 300;
}
}
}
""")
docs/demo.gif.agents/recordings/demo.mp4docs/demo_zh.gif, .agents/recordings/demo_zh.mp4)cast_to_gif_ultra.py or make_final_demo_v2.py..detail unless verified in the current viewer build.