tutorial-updates
从VHS和Playwright规格生成双色调教程
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：tutorial-updates。 它的用途是：从VHS和Playwright规格生成双色调教程 完整的 Skill 内容见：https://321skill.com/skills/tutorial-updates-x-5/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'使用tutorial-updates，从当前目录下的demo.mp4（VHS转制）生成一个关于'如何配置用户权限'的Markdown教程，并附上每一步的GIF动图。' 它会自动分析视频中的操作步骤，提取点击、输入等动作，生成带双色调高亮代码块的Markdown文件，同时为每个关键操作生成GIF动画，最终输出一个包含完整教程和图标的文件夹。
介绍
本Skill解决的核心痛点是：很多团队有录屏教学视频（VHS或现代录制），但缺乏结构化文档；同时Playwright自动化测试脚本记录了操作流程，却难以直接转化为图文教程。tutorial-updates 能自动解析VHS录像带或Playwright规格文件，提取关键步骤，生成带双色调高亮标记的Markdown教程，并为每一步骤录制GIF动画，让旧素材和新规范都能快速变成可分享的教学材料。
使用方法很简单：提供VHS视频文件路径或Playwright规格（JSON/YAML），Skill会自动分析操作序列，生成Markdown文档，同时对每个操作节点录制GIF（如点击按钮、输入文字等），最终输出一个包含图文和动图的完整教程文件夹。整个过程无需手动截图或写说明，AI会识别界面元素并生成描述。
适合内容创作者、文档工程师、教育工作者、软件培训师，以及需要为内部工具或开源项目编写快速上手指南的团队。尤其适合既有历史录屏资料又希望统一文档格式的机构，或者想从Playwright测试用例自动生成用户手册的开发团队。
使用建议：确保VHS视频已数字化（支持常见格式），Playwright规格需包含操作步骤描述；GIF录制会消耗一定计算资源，建议对超长教程分段处理。输出结果可进一步编辑，但基本框架已完整。
核心特点
同类教程生成工具通常只支持单一输入源（如屏幕录制或代码注释），tutorial-updates 能同时处理VHS录像带和Playwright规格两种截然不同的来源，并统一输出带双色调Markdown和GIF动画的复合教程，实现旧视频与新测试用例的资产复用。
注意事项
需要VHS视频已数字化或Playwright规格文件，不支持纯音频或文本描述作为输入，且GIF录制对复杂交互动画可能产生较大文件体积。
常见问题
支持哪些VHS格式？
支持常见的数字视频格式如MP4、AVI、MOV，需先将VHS录像带通过采集卡转为数字文件。
Playwright规格文件怎么写？
导出为JSON或YAML格式，包含步骤描述、操作类型、选择器、输入值等字段，工具会自动解析。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/tutorial-updates-x-5/raw/index.md 读取 tutorial-updates 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/tutorial-updates-x-5/raw/index.md（查看排版版本）