Stitch Remotion 演示视频生成器
将 Stitch 应用界面编排成带转场、缩放和文字说明的专业演示视频。
文档公开说明了 Stitch 项目读取、截图下载、HTML 获取和 Remotion 渲染的数据流，但允许 Bash、Write、web_fetch 及通配 MCP 工具，权限范围较宽；没有用户确认、敏感数据处理、网络域名限制、回滚或输出清理机制，因此从满分扣除较多。
主流程、目录结构、清单格式、下载脚本和故障排查均有说明，下载脚本也会对 HTTP 错误失败并删除不完整文件；但没有覆盖该技能关键路径的测试，Remotion 组件和部分引用资源并未随证据提供，MCP 前缀发现和渲染命令存在环境依赖，因此静态证据不足以超过中等分数。
目标用户、输入条件和典型 Stitch 到视频场景较清晰，并列出幻灯片、功能强调和用户流程等模式；但非适用范围、触发边界、项目权限要求和平台兼容性说明不足，且核心依赖 Stitch/Remotion/Node 及外部下载服务，未提供中文支持或中国大陆网络可达性保障，故扣分。
SKILL.md 采用分层说明，另有 README、示例 JSON、检查清单、故障排查、许可证和安全政策；但缺少明确版本、变更记录、维护负责人、更新承诺和依赖锁定信息，引用的模板与 examples 中的实现材料也不完整，因此未给满分。
技能明确产出 screens.json、Remotion 组件和最终视频，包含转场、缩放、文字覆盖及预览步骤，核心任务价值合理；但没有可验证的代表性成品或关键组件实现，输出质量、可直接使用程度和相对手工制作的收益无法由静态文件确认，按静态上限保守扣分。
证据包括技能正文、README、示例清单、下载脚本和检查清单，具有一定可审计性；但没有针对 remotion 技能的测试套件或独立执行结果，现有 CI 仅验证 react-components，且外部文档引用未提供本次可核验内容，因此仅给有限静态证据分。
- 运行前应确认 Stitch 项目权限、目标下载域名和输出目录，避免 Bash/web_fetch/Write 对非预期资源产生外部影响。
- 技能未提供 Remotion 组件模板或针对本技能的自动化测试；应先人工检查生成的组件、资源路径、转场时序和最终渲染结果。
- Stitch、Remotion MCP、Node/npm 和外部下载服务可能受网络或地区限制；中国大陆用户应预先验证可达性并准备替代方案。
- 不要将含敏感内容的 Stitch HTML、截图或签名下载 URL 输出到日志、视频或第三方服务。
这个 Skill 能做什么，适合哪些场景？
该技能从 Stitch 项目获取应用屏幕，并使用 Remotion 生成 walkthrough 视频。它指导代理下载截图、整理屏幕清单、创建 Remotion 组件并配置视频时序。视频可以包含淡入淡出、滑动、缩放、标题、描述、进度指示器和交互热点。它适合已经拥有 Stitch 设计屏幕、并希望制作产品演示或用户流程视频的开发者。
通过 Stitch MCP 查找项目、列出屏幕并获取屏幕元数据和下载地址；使用 web_fetch 或 Bash/curl 下载截图到指定目录；创建 screens.json 清单和 Remotion 项目文件；使用 React/Remotion 组件编排屏幕、转场、缩放和文字叠加；通过 Remotion Studio 预览，并使用 Remotion CLI 或 Remotion MCP 渲染 MP4、WebM 等视频。
- 拥有 Stitch 多屏应用设计、需要制作产品演示视频的前端开发者。
- 需要展示注册、浏览或设置等连续用户流程的产品团队。
- 希望为关键界面添加缩放、箭头、热点和说明文字的设计工程师。
- 需要从屏幕描述生成旁白脚本并同步视频节奏的内容制作人员。
这个 Skill 有哪些优点和局限？
- 覆盖从 Stitch 屏幕获取到 Remotion 渲染的完整流程。
- 提供屏幕清单、组件架构、转场、缩放和文字叠加的具体模式。
- 支持热点、动态文本提取和旁白同步等扩展方案。
- 仓库遵循 Agent Skills 开放标准，并兼容多个编码代理。
- 必须能够访问 Stitch MCP Server，并需要 Remotion MCP Server 或 Remotion CLI。
- 来源没有提供自动化测试、支持平台矩阵或性能基准。
- 技能本身只生成和指导视频制作流程，不提供现成的项目屏幕或视频素材。
- 高级功能如语音合成、文本提取和热点效果仍需要额外实现。
如何安装这个 Skill？
该技能属于 google-labs-code/stitch-skills 集合。选择性安装可运行：npx skills add google-labs-code/stitch-skills。也可以先将该仓库作为 Codex marketplace 添加，再安装包含 remotion 技能的 stitch-build 插件；README 未提供仅安装此单个技能的独立命令。使用前还需配置并运行 Stitch MCP Server，并准备 Remotion MCP Server 或 Remotion CLI、Node.js 和 npm。
如何使用这个 Skill？
准备好 Stitch 项目后，可使用提示："Look up the screens in my Stitch project \"Calculator App\" and build a remotion video that shows a walkthrough of the screens." 技能会查找项目、获取屏幕、下载截图、创建清单和 Remotion 组件，然后指导预览与渲染。示例渲染命令为：npx remotion render WalkthroughComposition output.mp4。
这个 Skill 与同类方案有什么区别？
来源只明确提到 Remotion MCP Server 与 Remotion CLI 两种执行方式，未提供与其他视频生成工具的比较。