daymade CLI Demo Generator Skill

npx degit daymade/claude-code-skills/cli-demo-generator ~/.claude/skills/cli-demo-generator

cli-demo-generator 解决 CLI 工具”show, don’t tell”的问题。 手录终端演示很脆——打错字、时间没卡好、窗口大小漂移。这个 skill 把录制脚本化，让它可重现。

怎么工作

基于 VHS——你写一个小 .tape 脚本 描述：要打什么字、等多久、显示什么，skill 渲染成 GIF / MP4 / WebM。

可自动化的部分

• 击键：精确输入，有真实节奏感
• 等待：命令之间 Sleep 2s 让观众有时间读
• 窗口尺寸：固定大小，每次输出看起来一样
• 主题：暗色 / 浅色 / 自定义色板
• 输出格式：GIF（通用）、WebM（更小）、MP4（最高质量）

适合什么场景

• “10 秒看懂这工具干嘛” 的 README 头图 GIF
• 教程里的命令序列演示
• 精修过的终端演示在 X 上容易传播
• 不约 Zoom 也能讲清流程的内部演示

为什么值得专门一个 skill（vs asciinema）

asciinema 适合分享实况录制，但输出是 HTML + JSON——不是能丢进 README 的 GIF。 VHS 产出真正可发的文件。

→ GitHub 安装

用 cli-demo-generator 录一段 15 秒演示：`pnpm install`，
然后 `pnpm dev`，再在浏览器打开 localhost:4321。
输出 README 用的 GIF，暗色主题、等宽字体。