tutorial-updates
从录像带和Playwright测试自动生成教程文档与GIF
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：tutorial-updates。 它的用途是：从录像带和Playwright测试自动生成教程文档与GIF 完整的 Skill 内容见：https://321skill.com/skills/tutorial-updates-x-6/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'根据这个Playwright测试用例生成教程文档'，它会解析测试步骤，提取每个操作对应的截图和流程，输出一份双色调Markdown文件，并为每个步骤生成一段5秒GIF动图，自动插入文档对应位置。
介绍
在软件教学或文档编写中，将已有的操作录像带或Playwright测试规范转化为结构清晰的教程通常需要大量手动截图、录屏和排版。本Skill通过解析VHS录像带或Playwright spec文件，自动提取关键步骤，生成双色调Markdown文档，并同步录制对应步骤的GIF动图，大幅减少教程制作和更新的人力成本。
使用时，你只需提供录像带文件路径或Playwright测试脚本，运行一次命令即可获得包含步骤说明、代码块和动态演示的完整教程输出。支持增量更新：当上游Playwright测试变更时，可仅更新对应章节的Markdown和GIF，保持文档与代码同步。
适合需要频繁制作、更新软件操作指南的文档工程师、测试工程师，以及为教学视频制作配套图文教程的内容创作者。尤其适合敏捷开发团队，在每次功能迭代后快速产出用户手册或培训材料。
建议将录像带数字化后使用，或直接使用Playwright测试作为输入源。初次生成后，建议人工校对步骤描述的准确性，并根据品牌风格调整双色调主题色。GIF录制时长建议控制在5秒内，避免文件过大。
核心特点
多数教程生成工具只能处理单一输入源（如截图或录屏），而本Skill同时支持VHS录像带和Playwright测试规范，并自动输出双色调Markdown和GIF动图，特别适合需要从旧录像带迁移或持续更新测试教程的场景。
注意事项
需要VHS录像带已数字化或Playwright测试脚本，且不适用于需要高度创意排版或自定义动画的教学内容。
常见问题
支持哪些视频格式？
VHS录像带需先转为MP4等常用数字格式，Playwright测试支持所有标准spec文件。
需要安装Playwright吗？
如果使用Playwright spec作为输入，需要本地安装Playwright及其浏览器驱动。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/tutorial-updates-x-6/raw/index.md 读取 tutorial-updates 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/tutorial-updates-x-6/raw/index.md（查看排版版本）