Generate CLI demo GIFs using vhs (Charmbracelet). Use when creating terminal recordings for README files or documentation.
From bopen-toolsnpx claudepluginhub b-open-io/claude-plugins --plugin bopen-toolsThis skill uses the workspace's default tool permissions.
README.mdSearches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.
Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.
Enables AI agents to execute x402 payments with per-task budgets, spending controls, and non-custodial wallets via MCP tools. Use when agents pay for APIs, services, or other agents.
Generate terminal demo GIFs using vhs. When asked to create a CLI demo GIF, produce a .tape file and render it.
Place tape files in docs/demo/ to keep the project root clean:
mkdir -p docs/demo
Write the tape file with appropriate settings for the project's CLI:
Output docs/demo/demo.gif
Set Shell "bash"
Set FontSize 16
Set Width 900
Set Height 500
Set Padding 20
Set Theme "Catppuccin Mocha"
Set TypingSpeed 50ms
Type "command --help"
Enter
Sleep 2s
Use Hide/Show to configure aliases before the visible demo starts:
Hide
Type "alias mycli='bun run src/cli/index.ts'"
Enter
Sleep 500ms
Show
Type "mycli --help"
Enter
Sleep 2s
vhs docs/demo/cli.tape
| Command | Description |
|---|---|
Output <path> | Output file path (.gif, .mp4, .webm) |
Set Shell "bash" | Shell to use |
Set FontSize <n> | Font size |
Set Width <n> | Terminal width in pixels |
Set Height <n> | Terminal height in pixels |
Set Padding <n> | Padding around terminal |
Set Theme "<name>" | Color theme |
Set TypingSpeed <duration> | Delay between keystrokes |
Type "<text>" | Type text |
Enter | Press enter |
Sleep <duration> | Wait (e.g., 2s, 500ms) |
Hide | Stop recording |
Show | Resume recording |
Ctrl+C | Send interrupt |
Use these defaults unless the user specifies otherwise:
Catppuccin Mocha50ms900, Height: 50016docs/demo/