Loading...
Loading...
Record terminal sessions as GIF/MP4/WebM using VHS (Charm.sh). Use when: create demo GIF, record terminal, terminal recording, demo video, tape file, animate CLI, screencast terminal, showcase command output, README demo, document CLI tool, generate terminal animation.
npx skill4agent add marcfargas/skills vhs.tapescoop install vhs # Windows
brew install vhs # macOSffmpegscoop install ffmpeg# Create example tape
vhs new demo.tape
# Record
vhs demo.tape
# Validate without running
vhs validate demo.tape
# Publish to vhs.charm.sh (get shareable URL)
vhs publish demo.gifOutput demo.gif # GIF (default, best for READMEs)
Output demo.mp4 # MP4 video
Output demo.webm # WebM videoOutputSet Shell "bash" # Shell to use
Set FontSize 14 # Font size (default 22 — too large for most)
Set FontFamily "JetBrains Mono" # Font family
Set Width 1200 # Terminal width in pixels
Set Height 600 # Terminal height in pixels
Set Padding 15 # Padding around terminal
Set TypingSpeed 50ms # Delay between keystrokes (default 50ms)
Set Theme "Dracula" # Color theme (see Themes below)
Set Framerate 30 # GIF framerate
Set PlaybackSpeed 1.0 # Playback speed multiplier
Set LoopOffset 80% # Where GIF loop restarts (% from end)
Set WindowBar "Colorful" # Window bar: Rings, RingsRight, Colorful, ColorfulRight
Set WindowBarSize 40 # Window bar height in pixels
Set BorderRadius 8 # Terminal border radius
Set MarginFill "#1a1a2e" # Background color outside terminal
Set Margin 20 # Margin size (needs MarginFill)Type "echo hello" # Type characters
Type@100ms "slow typing" # Type with custom speed
Enter # Press Enter
Enter 3 # Press Enter 3 times
Sleep 2s # Wait 2 seconds
Sleep 500ms # Wait 500 milliseconds
# Special keys
Backspace 5 # Delete 5 chars
Tab # Tab completion
Ctrl+C # Interrupt
Ctrl+L # Clear screen
Up # Arrow up (history)
Down # Arrow down
Left 3 # Move cursor left 3
Right 3 # Move cursor right 3
Escape # Escape key
Space # Space key
PageUp # Page up
PageDown # Page down
# Visibility
Hide # Hide commands from output
Show # Show commands againRequire git # Fail if git not in PATH
Require nodeOutput demo.gif
Set Shell "bash"
Set FontSize 14
Set Width 1100
Set Height 600
Set Theme "Dracula"
Set TypingSpeed 30ms
Set Padding 15
Set WindowBar "Colorful"
Set BorderRadius 8Output demo.gif
Set Shell "bash"
Set FontSize 14
Set Width 1100
Set Height 600
Set Theme "Dracula"
Set TypingSpeed 30ms
Set Padding 15
Type "my-tool --help"
Enter
Sleep 3s
Type "my-tool run --input data.json"
Enter
Sleep 5s# demo-run.sh
#!/bin/bash
echo "Running analysis..."
my-tool analyze --format json | jq '.results[] | .name'Type "bash demo-run.sh"
Enter
Sleep 10s# Setup (hidden from recording)
Hide
Type "cd /tmp/demo-project"
Enter
Type "export DEMO_MODE=1"
Enter
Sleep 1s
Show
# Visible demo starts here
Type "my-tool init"
Enter
Sleep 3sType "# Before:"
Enter
Type "cat config.yaml"
Enter
Sleep 3s
Type "# After running fix:"
Enter
Type "my-tool fix config.yaml"
Enter
Sleep 3s
Type "cat config.yaml"
Enter
Sleep 3s# Record your terminal actions into a tape file
vhs record > my-session.tape
# Then edit the tape to clean up timing, add sleeps, etc.
vhs my-session.tape| Theme | Style |
|---|---|
| Dark purple — high contrast, popular |
| Dark warm — modern, easy on eyes |
| Dark blue — clean |
| Dark muted — professional |
| Dark warm/retro |
| Classic |
| Familiar to devs |
| VS Code-like |
vhs themesSleep.gif.mp4vhs publish demo.gifvhs validate demo.tapeType "echo $HOME"C:/dev/...C:\dev\...Set PlaybackSpeed 2.0