终端录屏制作

技能简介

终端录屏制作技能使用Charm的VHS工具创建专业的终端录制动画。通过编写tape脚本文件，可以精确控制打字速度、等待时间、主题样式等，生成适用于README、文档和社交媒体的GIF或视频。

业务背景

终端录屏制作技能帮助团队快速产出专业的命令行演示素材。无需手动操作录制，通过脚本精准控制每个按键时机和画面节奏，自动输出GIF、视频等多格式文件，直接嵌入产品文档、技术博客或社交媒体，降低技术内容创作门槛，确保演示效果统一专业。

落地案例：某开源CLI工具团队需在新版发布时展示核心功能。编写VHS脚本定义命令输入序列，设置打字延迟模拟真实操作节奏，用Hide指令跳过环境配置步骤，仅呈现关键交互过程。一键生成MP4教程视频和README适配的GIF动图，替代原本耗时数小时的手动录屏剪辑工作。

能做什么

• 创建CLI工具演示动画
• 生成README中的动态示例
• 制作文档视频教程
• 控制打字速度和停顿时间
• 隐藏设置步骤只展示关键内容
• 输出多种格式(GIF/MP4/WebM/ASCII)

使用说明

安装指令：

clawhub install vhs-recorder

前置依赖：

macOS: brew install vhs 或使用Go: go install github.com/charmbracelet/vhs@latest

确保ttyd和ffmpeg在PATH中。

Tape文件结构：

Output demo.gif | Set Width 1200 | Set Theme | Require git | Hide/Show | Type命令 | Enter | Wait | Sleep 2s

核心命令：Type输入文本、Enter/Tab/Space按键、Ctrl+C信号、Wait/Sleep等待、Hide/Show隐藏显示、Backspace删除

重要设置：Width/Height终端尺寸(默认1200×600)、FontSize字体大小(默认32)、TypingSpeed打字速度(默认50ms)、Theme主题

3-2-1时间规则：重要命令后停留3秒、动作之间间隔2秒、过渡时间1秒

运行：vhs demo.tape运行tape文件、vhs themes列出主题、vhs manual显示完整参考

输入与输出

见下方输入与输出表格。

见下方输入输出表格。

风险提示

• 需要正确安装ttyd和ffmpeg依赖
• 复杂脚本可能需要多次调试时间
• GIF文件可能较大，注意优化
• 原始页面信息不足，缺少Windows安装说明

来源信息

原始链接：https://github.com/openclaw/skills/tree/main/skills/killerapp/vhs-recorder/SKILL.md
来源类型：github