vhs-recording

使用VHS脚本录制终端操作并生成GIF动图

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:vhs-recording。
它的用途是:使用VHS脚本录制终端操作并生成GIF动图
完整的 Skill 内容见:https://321skill.com/skills/vhs-recording/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

‘帮我把这个终端命令的演示过程录制成GIF,命令是 `npm run build` 和 `npm test`,中间等待2秒。’,它会引导你编写或自动生成一个VHS脚本文件,然后执行该脚本,最终输出一个展示了完整构建和测试流程的GIF动画文件。

介绍

该Skill解决了开发者和技术内容创作者需要录制清晰、美观的终端操作演示的需求。它通过解析用户编写的VHS脚本文件,模拟终端操作过程,自动生成高质量的GIF动画,省去了手动录屏和后期剪辑的繁琐步骤。

使用方式非常直接:用户只需编写一个描述终端操作步骤的.toml格式脚本文件,然后运行该Skill,它便会启动一个虚拟终端,按照脚本指令执行命令、输入文本、模拟延迟等,并将整个过程渲染成GIF动图。整个过程完全自动化,无需人工干预。

这个Skill非常适合需要制作技术教程、项目演示、工具使用说明的开发者、技术文档工程师和内容创作者。无论是为开源项目编写入门指南,还是为内部团队制作工具培训材料,它都能显著提升内容制作的效率和质量。

建议用户在使用前熟悉VHS脚本的基本语法,以便精确控制录制过程中的等待时间、命令输出和光标移动。由于生成GIF依赖于虚拟终端环境,对于高度依赖图形界面交互或特定系统依赖的命令,可能需要进行额外的环境配置或测试。

核心特点

与普通录屏工具不同,它基于脚本驱动,可重复、精准地复现终端操作流程,且生成的GIF文件体积小、质量高;与一些截图工具相比,它能生成动态的、带时序的完整操作过程演示。

注意事项

不适合录制需要复杂图形界面交互或依赖特定本地GUI应用程序的操作演示。

常见问题

VHS脚本怎么写?

VHS脚本使用TOML格式,包含设置(如终端尺寸、字体)和一系列命令(如输入文本、等待、截图等),具体语法可参考官方文档。

生成的GIF清晰度如何调整?

可以在脚本的配置部分调整终端的像素尺寸和缩放比例,从而控制输出GIF的分辨率和清晰度。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/vhs-recording/raw/index.md 读取 vhs-recording 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。