tutorial-updates
从VHS和Playwright规格生成双色调Markdown教程
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：tutorial-updates。 它的用途是：从VHS和Playwright规格生成双色调Markdown教程 完整的 Skill 内容见：https://321skill.com/skills/tutorial-updates-x-3/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'根据我提供的Playwright测试脚本login.spec.ts，生成一份登录功能的双色调Markdown教程，并录制操作GIF。' 它会自动解析测试步骤，生成包含步骤说明（蓝色调）、代码片段（橙色调）的Markdown文件，并嵌入每一步对应的GIF动图，最终输出完整教程文档。
介绍
本Skill解决从VHS磁带录制内容或Playwright自动化测试规格自动生成/更新教程文档的痛点。传统手动编写教程耗时且容易遗漏步骤，尤其当需要同时包含静态说明和动态演示时，本工具可一键生成结构化的双色调Markdown教程（代码/操作与说明分色显示），并附带GIF动画录制，让教程直观易懂。
使用方法：只需提供VHS视频文件路径或Playwright测试脚本，Skill会自动分析内容、提取关键步骤、生成双色调Markdown文档，同时录制操作过程的GIF动图嵌入其中。支持增量更新：当源内容变更时，可仅更新对应部分，保持教程与最新版本同步。
适合内容创作者、文档工程师、教学人员等需要快速制作高质量软件操作教程或课程演示的用户。尤其适合维护开源项目文档、录制产品使用指南、制作在线课程等场景，无需专业视频编辑技能即可产出专业级教程。
建议在首次使用时先测试小规模片段熟悉输出风格，再应用到完整教程。注意VHS磁带需先数字化为视频文件，Playwright脚本需确保可稳定运行。生成的GIF文件大小可能较大，可后续压缩优化。
核心特点
同类工具通常只能生成静态Markdown或单独录制视频，而本Skill同时生成双色调Markdown（代码/说明分色）并嵌入GIF动画，实现“图文+动效”一体化教程输出，并支持从VHS磁带和Playwright规格两种来源自动提取内容，覆盖传统与现代录制场景。
注意事项
不适合非软件操作类教程（如纯理论、艺术创作），且VHS磁带需先数字化，Playwright脚本需预先编写好。
常见问题
如何将VHS磁带内容输入到这个工具？
需要先将VHS磁带通过采集卡转换为数字视频文件（如MP4），然后作为输入文件提供给本工具。
生成的GIF动图可以自定义尺寸和帧率吗？
目前支持通过参数调整GIF分辨率、帧率和颜色数，具体可查看工具配置选项。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/tutorial-updates-x-3/raw/index.md 读取 tutorial-updates 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/tutorial-updates-x-3/raw/index.md（查看排版版本）