Demo Video Generation

Demo Video Generation is an Automation skill for Claude Code, published by liaohch3 in claude-tap.

3.1K stars266 forkson liaohch3/claude-tapAdded 2026/08/17+1% in starsRepository updated 2026/08/16

agent-debuggingagent-observabilityai-agentsai-toolsapi-debuggingclaude-codecodexcodex-clicursor-clideveloper-toolsgemini-clihermes-agentkimillmllm-proxyopencodepi-coding-agentproxytracetrace-viewer

Install in seconds

Install Demo Video Generation

Copy Demo Video Generation into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/liaohch3/claude-tap/tree/main/.agents/skills/demo-video ~/.claude/skills/demo-video

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/liaohch3/claude-tap.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .agents/skills/demo-video/SKILL.md in liaohch3/claude-tap
Installs to: ~/.claude/skills/demo-video
Collection: One of 11 skills cataloged from this repository
Category: Automation — 1523 skills

What Demo Video Generation does

Demo Video Generation records terminal sessions in tmux with asciinema and converts them to GIF and MP4 demo assets, then captures viewer screenshots via Playwright for documentation. Use it to create realistic demos from real E2E runs and UI views.

Demo Video Generation is cataloged under Automation on DirSkills. Demo Video Generation comes from a repository tagged agent-debugging, agent-observability, ai-agents, ai-tools and api-debugging.

Documentation

README

Excerpt

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.
Use tool-triggering first prompt text so trace includes tool_use.

2) Convert `.cast` to GIF with `agg`

agg /tmp/claude-tap-recordings/demo.cast /tmp/claude-tap-recordings/demo.gif

3) Convert GIF to MP4 with ffmpeg

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Demo Video Generation

What else does liaohch3 publish alongside Demo Video Generation?
Demo Video Generation is one of 11 skills that DirSkills catalogs from liaohch3/claude-tap, the repository it ships in. Its siblings there include Claude Tap E2E Test, Codex E2E Test and JS in HTML Testing. Each one is a separate skill with its own page in this directory, installs the same way Demo Video Generation does, and is maintained by liaohch3 in that same repository. The rest of the collection is listed on the liaohch3/claude-tap page.
How does Demo Video Generation compare to other Automation skills?
Demo Video Generation ranks #399 by stars among the 1523 Automation skills in this catalog. The most-starred ones next to it are Autonomous Loops, Autonomous Agent Harness and Automation Audit Ops. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Demo Video Generation against them. Open each page to compare what they document and how they install.