Record E2E Gif
lablup/backend.ai-webui
Record Playwright e2e tests as one GIF per test case (video → ffmpeg palette GIF) and return a markdown table for a PR description.
Record a test run, a TUI session, or any terminal command as a GIF with VHS and attach it to a GitHub PR as a release-hosted asset, never a repo commit.
$ npx skills add dimetron/pi-go --skill vhs-e2e-gif -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install dimetron/pi-go vhs-e2e-gif --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/dimetron/pi-go.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.pi-go/skills/vhs-e2e-gif .claude/skills/vhs-e2e-gif && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "vhs-e2e-gif" agent skill from https://github.com/dimetron/pi-go/tree/main/.pi-go/skills/vhs-e2e-gif into .claude/skills/vhs-e2e-gif/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vhs-e2e-gif", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/dimetron/pi-go/tree/main/.pi-go/skills/vhs-e2e-gifType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add dimetron/pi-go --skill vhs-e2e-gif -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install dimetron/pi-go vhs-e2e-gif --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dimetron/pi-go.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.pi-go/skills/vhs-e2e-gif .agents/skills/vhs-e2e-gif && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "vhs-e2e-gif" agent skill from https://github.com/dimetron/pi-go/tree/main/.pi-go/skills/vhs-e2e-gif into .agents/skills/vhs-e2e-gif/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vhs-e2e-gif", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add dimetron/pi-go --skill vhs-e2e-gif -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install dimetron/pi-go vhs-e2e-gif --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dimetron/pi-go.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.pi-go/skills/vhs-e2e-gif .cursor/skills/vhs-e2e-gif && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "vhs-e2e-gif" agent skill from https://github.com/dimetron/pi-go/tree/main/.pi-go/skills/vhs-e2e-gif into .cursor/skills/vhs-e2e-gif/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vhs-e2e-gif", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/dimetron/pi-go.git --path .pi-go/skills/vhs-e2e-gif--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add dimetron/pi-go --skill vhs-e2e-gif -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install dimetron/pi-go vhs-e2e-gif --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dimetron/pi-go.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.pi-go/skills/vhs-e2e-gif .gemini/skills/vhs-e2e-gif && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "vhs-e2e-gif" agent skill from https://github.com/dimetron/pi-go/tree/main/.pi-go/skills/vhs-e2e-gif into .gemini/skills/vhs-e2e-gif/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vhs-e2e-gif", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install dimetron/pi-go vhs-e2e-gifInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add dimetron/pi-go --skill vhs-e2e-gif -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/dimetron/pi-go.git skills-src && mkdir -p .github/skills && cp -r skills-src/.pi-go/skills/vhs-e2e-gif .github/skills/vhs-e2e-gif && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "vhs-e2e-gif" agent skill from https://github.com/dimetron/pi-go/tree/main/.pi-go/skills/vhs-e2e-gif into .github/skills/vhs-e2e-gif/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vhs-e2e-gif", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add dimetron/pi-go --skill vhs-e2e-gif -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install dimetron/pi-go vhs-e2e-gif --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dimetron/pi-go.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.pi-go/skills/vhs-e2e-gif .opencode/skills/vhs-e2e-gif && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "vhs-e2e-gif" agent skill from https://github.com/dimetron/pi-go/tree/main/.pi-go/skills/vhs-e2e-gif into .opencode/skills/vhs-e2e-gif/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vhs-e2e-gif", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
vhs-e2e-gifRecord a test run, a TUI session, or any terminal command as a GIF with VHS and attach it to a GitHub PR as a release-hosted asset, never a repo commit.
Vhs E2E Gif is an agent skill from dimetron/pi-go. Record a test run, a TUI session, or any terminal command as a GIF with VHS and attach it to a GitHub PR as a release-hosted asset, never a repo commit. Use when asked to record an e2e run, demo a fix on a PR, attach a GIF or screen recording to a pull request, show a test passing visually, or produce a terminal recording of pi-go. Encodes the sandbox trap that makes VHS segfault on the first attempt.
Its SKILL.md is about 1.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files, including scripts (for example `scripts/attach-gif-to-pr.sh` and `scripts/record-gif.sh`).
It sits in Testing & QA, covering End-to-end testing and Pull requests. It works with GitHub. The repository describes itself as: Go implementation of AI coding agent. The licence is MIT.
4 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 24d1f2b. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Ships 2 files in scripts/ (Shell), which the agent can run.
Shell commands in SKILL.md call:
goghmakebrewFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use gh, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Vhs E2E Gif loads about 1.7k tokens when it runs. Until then it costs about 104 tokens; SKILL.md has 869 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
The full file from dimetron/pi-go at commit 24d1f2b, republished under its MIT licence (© dimetron). 869 words, ~1,746 tokens.
.claude/skills/vhs-e2e-gif/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.Turn a test run into a short GIF and hang it off the PR, so a reviewer sees the suite go green without checking out the branch.
VHS segfaults inside the agent sandbox. It binds a loopback port for ttyd,
the sandbox refuses, and randomPort() dereferences the nil listener:
panic: runtime error: invalid memory address or nil pointer dereference
main.randomPort()
github.com/charmbracelet/vhs/tty.go:22That is the sandbox, not a broken tape. Run every vhs invocation with the
sandbox disabled. Same for gh (network) — the upload step needs it too.
Dependencies: vhs, ttyd, ffmpeg (brew install vhs ttyd ffmpeg). VHS pulls
in the other two, but check before blaming a tape.
1. Record.
OUT=/tmp/e2e-tool-calls.gif DIR=$PWD \
scripts/record-gif.sh "go test -tags e2e ./internal/agent/ -run TestE2E -v 2>&1 | grep -E '^(--- |ok|FAIL)'"The script writes the tape, runs VHS, and extracts the final frame next to
the GIF as <name>.last.png.
2. Read the last frame before posting. A GIF is opaque to you — the PNG is not. Open it and confirm the run actually passed. Posting a recording of a failing suite as evidence of a passing one is the failure mode this step exists to prevent.
3. Attach.
CAPTIONS='e2e: tool calls after the fix' \
scripts/attach-gif-to-pr.sh 246 /tmp/e2e-tool-calls.gifUploads as a release asset — never a repo commit — and posts, or edits, a single recording comment on the PR, so a re-record updates that comment in place instead of adding another.
Record the narrowest command that proves the claim, filtered to result lines.
A full go test ./... scroll is unreadable at 14pt and the interesting line
scrolls off. These read well:
go test -tags e2e ./internal/agent/ -run TestE2E -v 2>&1 | grep -E '^(--- |ok|FAIL)'
go test -tags e2e ./... 2>&1 | grep -vE '(no test files)$'
make lintSizing: 1280x720 at font size 14 fits ~30 result lines and lands around 150 KB. Go wider only if lines wrap.
A TUI is two input steps, not one: launch the program, then type into it. That
is what READY_RE and INPUT are for.
OUT=/tmp/pi-tui-tools.gif DIR=$PWD \
READY_RE='tkn:' INPUT='show me your tools' \
WAIT_RE='took [0-9]+[.][0-9]+s' WAIT_TIMEOUT=240s \
HEIGHT=800 FRAMERATE=20 PLAYBACK_SPEED=2 SHRINK=1 \
scripts/record-gif.sh "./pi"Four things that go wrong, in the order they bite:
./pi
becomes No such file or directory and you get a 60 KB GIF of a bash error.
DIR is the fix — the script always emits the cd.READY_RE holds
until the program's own output proves it is up. For pi-go, tkn: (the
statusline token counter) is a good marker; the banner is not, it renders
before the deferred init finishes.WAIT_RE='took ' matched while
the answer was still streaming and cut the recording off at "thinking…".
Require the digits — took [0-9]+[.][0-9]+s — so only the finished summary
line can match.SHRINK=1 recompresses (12fps, 1000px, 96 colors)
and cut 2.9 MB to 1.3 MB with no loss of legibility.The alternate screen itself is a non-issue — VHS captures it correctly.
Exiting is optional: the recording stops when WAIT_RE matches, and VHS kills
the shell. /exit or /quit quits pi-go's TUI if you want the exit in frame.
Never commit a recording to the repo. A recording is review scaffolding with
a lifetime of days; a committed binary is in history forever and in every clone.
MODE=release (the default) attaches the GIFs to a release tag instead — GitHub
renders a release-asset URL as a real inline <img data-animated-image>, no camo
proxy, and git history stays clean.
CAPTIONS='The TUI, after the fix|e2e: 19 tests green' \
scripts/attach-gif-to-pr.sh 246 /tmp/pi-tui-tools.gif /tmp/e2e-tool-calls.gifMODE=branch still exists for a repo with releases disabled. Do not reach for it
here.
pi-go has immutable releases enabled, which constrains the release path in two ways the script works around:
gh release create <tag> a.gif b.gif
works; a later gh release upload on a published release does not:HTTP 422: Cannot upload assets to an immutable release.tag_name was used by an immutable release, even after
gh release delete and deleting the git tag. The script probes for a free
media-pr<N>, media-pr<N>-2, … rather than assuming.Neither the release-asset URL nor a raw URL renders for signed-out readers on a private repo; the script checks visibility and refuses rather than posting a broken image.
INPUT are typed into double-quoted tape strings, so neither
may contain a double quote. Use single quotes; the script rejects the rest
with a clear error rather than emitting a broken tape.Wait+Screen@<timeout> /regex/ ends the take when the result line appears. A
regex that never matches burns the whole timeout and then fails the recording,
so match both outcomes (ok|FAIL), never just the happy one.Hide / Show around the cd keeps the setup out of the frame.DIR rather than relying on where you were.| Script | Does |
|---|---|
scripts/record-gif.sh <command...> | Tape → GIF → last-frame PNG. Knobs: OUT, DIR, READY_RE, INPUT, WAIT_RE, WAIT_TIMEOUT, SHRINK, SHRINK_WIDTH, WIDTH, HEIGHT, FONT_SIZE, THEME, PADDING, FRAMERATE, PLAYBACK_SPEED |
scripts/attach-gif-to-pr.sh <pr> <file.gif> [more.gif ...] | Publish as release assets, post/edit one PR comment. Knobs: CAPTIONS (|-separated), TAG, MODE (release/branch), MEDIA_DIR |
Both are pi-go-agnostic — they take any command and any PR.
© dimetron, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 2 other files (scripts) in .pi-go/skills/vhs-e2e-gif of dimetron/pi-go.
Open the folder on GitHubat commit 24d1f2b
Vhs E2E Gif next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Vhs E2E Gif this skilldimetron/pi-go | 207 | — | ~1.7k | Automated safety check: Pass | MIT | |
| Record E2E Giflablup/backend.ai-webui | 133 | — | ~907 | Automated safety check: Notes | LGPL-3.0 | |
| Dev Issuehmislk/hmis | 236 | — | ~5k | Automated safety check: Pass | GPL-3.0 | |
| Verify PRvfarcic/dot-agent-deck | 109 | — | ~7.3k | Automated safety check: Pass | MIT | |
| Issue Assessmentffroliva/gflow-cli | 264 | — | ~2.1k | Automated safety check: Pass | MIT | |
| Address Issuenubjs/nub | 4.4k | — | ~2.6k | Automated safety check: Pass | MIT |
lablup/backend.ai-webui
Record Playwright e2e tests as one GIF per test case (video → ffmpeg palette GIF) and return a markdown table for a PR description.
hmislk/hmis
Run a GitHub issue through its full lifecycle end-to-end: investigate, discuss the approach, gather test context (department/data), implement, rebuild + local redeploy, verify with Playwright and…
vfarcic/dot-agent-deck
Deeply verify a pull request written by someone else and end with an explicit merge recommendation.
ffroliva/gflow-cli
A skill your agent uses when triaging a GitHub issue for gflow-cli — a reporter's bug claim, a freshly-filed issue, or deciding whether and how to act on one.
nubjs/nub
End-to-end playbook for working a GitHub issue (or bug-fix PR) on nubjs/nub: triage → acknowledge an external report with an "Investigating" comment → reproduce it yourself → SIZE it → fix it at…
openJiuwen-ai/sciencediscovery
Open or update a pull request on GitHub's openJiuwen-ai/sciencediscovery: run the UT/ST/E2E layers locally, push the branch to the operator's own GitHub fork, write a body that says what was…
dimetron/pi-go
Generate AGENTS.md files for Go, Rust, TypeScript, and Java projects.
dimetron/pi-go
A skill your agent uses whenever writing tests for Bubble Tea (charmbracelet/bubbletea) TUI applications in Go.
dimetron/pi-go
Index a folder's contents into the MemPalace semantic memory for search and retrieval.
dimetron/pi-go
Nightly sweep of the last 24h of pi-go sessions — anomalous runs, loop aborts, tool error rates, token waste, real prompt-token spend, and whether the observation and palace pipelines are still…
dimetron/pi-go
Tune macOS resource limits and sysctls for best performance with Go development, Docker/OrbStack, and Linux VMs.
dimetron/pi-go
Profile-guided optimization (PGO) for the pi binary. An agent skill from dimetron/pi-go.
Works with
Categories
Record a test run, a TUI session, or any terminal command as a GIF with VHS and attach it to a GitHub PR as a release-hosted asset, never a repo commit. Vhs E2E Gif is an agent skill from dimetron/pi-go. Record a test run, a TUI session, or any terminal command as a GIF with VHS and attach it to a GitHub PR as a release-hosted asset, never a repo commit.
Vhs E2E Gif fits situations like: asked to record an e2e run; demo a fix on a PR; screen recording to a pull request; show a test passing visually.
Run `npx skills add dimetron/pi-go --skill vhs-e2e-gif -a claude-code`. Or copy the skill folder (.pi-go/skills/vhs-e2e-gif in dimetron/pi-go) into .claude/skills/vhs-e2e-gif in your project. Claude Code loads it when a task matches its description.
Run `npx skills add dimetron/pi-go --skill vhs-e2e-gif -a codex`. Or copy the skill folder (.pi-go/skills/vhs-e2e-gif in dimetron/pi-go) into .agents/skills/vhs-e2e-gif in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add dimetron/pi-go --skill vhs-e2e-gif -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/vhs-e2e-gif, .gemini/skills/vhs-e2e-gif, .github/skills/vhs-e2e-gif and .opencode/skills/vhs-e2e-gif in your project.
Going by SKILL.md and its folder, Vhs E2E Gif needs a shell for the scripts in its folder and the command-line tools its instructions call (go, gh, make and brew). Our summary lists: A Bash shell.
SKILL.md contains no URLs. Its commands use gh, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
Vhs E2E Gif is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.7k tokens (SKILL.md is roughly 7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Vhs E2E Gif: Record E2E Gif (lablup/backend.ai-webui, 133 stars), Dev Issue (hmislk/hmis, 236 stars), Verify PR (vfarcic/dot-agent-deck, 109 stars) and Issue Assessment (ffroliva/gflow-cli, 264 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
dimetron (a GitHub user) maintains it in dimetron/pi-go, which has 207 GitHub stars. The repository holds 21 skills in this directory. The repository was last updated on October 1, 2026.
Source: dimetron/pi-go on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.