tutorial-updates

从VHS录像带和Playwright规范生成或更新教程,支持双色调Markdown和GIF录制。

安装使用

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

帮我安装这个 AI Skill:tutorial-updates。
它的用途是:从VHS录像带和Playwright规范生成或更新教程,支持双色调Markdown和GIF录制。
完整的 Skill 内容见:https://321skill.com/skills/tutorial-updates-x-4/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

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

使用示例

‘请基于这个Playwright测试脚本`login_spec.js`,生成一份用户登录功能的操作教程。’,它会解析脚本中的操作步骤,自动创建一份包含分步说明和对应操作GIF动图的Markdown教程文档。或者,

对AI说:‘将这个旧的VHS终端录像转换成最新的产品安装指南。’,它能提取录像中的命令序列,生成图文并茂的安装教程。

介绍

该Skill旨在解决传统教程制作与维护耗时耗力的问题。它能够自动化地从VHS录像带(一种历史屏幕录制格式)和Playwright自动化测试规范中提取操作步骤,生成结构清晰、图文并茂的教程文档。

使用时,您只需提供原始的VHS录像文件或Playwright测试脚本,该Skill便能解析其中的操作序列,自动生成包含双色调Markdown格式说明和对应GIF动图演示的教程内容,极大简化了从演示到文档的转换流程。

它非常适合需要频繁创建或更新软件操作指南、产品使用教程、内部培训材料的团队,如技术文档工程师、产品经理、培训师以及开发者自身,用于确保文档与软件功能同步更新。

建议在使用前确保源材料(VHS文件或Playwright脚本)的完整性和准确性,以获得最佳生成效果。对于高度定制化的视觉风格或复杂的交互逻辑,生成后可能仍需人工进行微调和润色。

核心特点

该Skill独特地结合了历史VHS录像与现代Playwright测试脚本作为输入源,并自动生成带有GIF录制的双色调Markdown教程,实现了从老旧演示材料到现代交互式文档的一键转换与同步更新。

注意事项

不适合需要高度创意叙事或复杂动画效果的教程制作,其输出更侧重于准确还原操作步骤。

常见问题

VHS录像带具体指什么格式?

通常指.tty或.tape等格式的终端屏幕录制文件,用于记录命令行操作序列。

生成的GIF质量可以调整吗?

是的,可以通过调整Playwright的视窗设置和录制参数来控制GIF的分辨率与帧率。

给 AI 助手的安装指引

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

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