What software dependencies are required for this skill?

This skill requires VHS (by Charmbracelet) for generating the animations. For live interactive recordings, asciinema is also required.

What is the best way to generate multiple demos at once?

The skill includes a batch generation feature that allows you to define multiple demos in a single YAML configuration file, ensuring consistency across your entire project.

How does the skill handle command timing?

The automated generator uses smart defaults, applying shorter pauses for simple commands like 'ls' and longer durations for heavy operations like 'npm install'.

Which output format should I use for my README?

GIF is the standard recommendation for README files and documentation for easy embedding, though MP4 is available for longer demos requiring better compression.

Can I customize the look and feel of the terminal demos?

Yes, you can customize the theme (e.g., Dracula, Nord, Monokai), font size, terminal width, and height to match your brand or documentation style.

CLI Demo Generator

Name: CLI Demo Generator
Author: daymade

bydaymade

•

147

•

Learning & Documentation

Generates professional animated CLI demos, terminal recordings, and command-line GIFs for documentation and tutorials.

CLI Demo Generator is a specialized skill for Claude Code designed to automate the creation of high-quality terminal animations using VHS and asciinema. It streamlines the developer workflow by providing tools to generate polished GIFs, MP4s, or WebM files from command lists, YAML configurations, or live interactive sessions. Whether you are showcasing a new package in a README, creating visual guides for documentation, or capturing complex DevOps workflows, this skill handles technical details like timing, themes, and terminal dimensions to ensure a production-ready result.

Key Features

01Automated demo generation from command strings with smart timing logic

02Interactive recording mode to capture real-time terminal workflows

03Support for multiple output formats including GIF, MP4, and WebM

04Batch processing for creating multiple consistent demos from YAML/JSON configs

05Manual control via VHS tape file templates for fine-tuned animations

06147 GitHub stars

Use Cases

01Creating animated 'How to Install' and usage GIFs for GitHub README files

02Generating a consistent suite of visual demos for software documentation

03Recording and sharing complex interactive CLI troubleshooting steps with teammates

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add daymade/claude-code-skills cli-demo-generator

For use in Claude.ai and ChatGPT

Download Skill