用途:把 Stitch 项目中的设计屏幕制作成带专业转场、缩放效果和文字说明的走查视频。
主要能力:通过 Stitch MCP 列出项目与屏幕、获取截图下载地址、HTML 代码地址及宽高信息;用 Remotion 以 React 组件方式编排屏幕序列,支持淡入淡出、滑动、缩放等转场,添加标题、功能标注、进度指示等文字叠加,并可集成配音与交互热点。
使用方式:先运行 list_tools 识别 stitch: 与 remotion: 前缀;调用 list_projects、list_screens、get_screen 获取屏幕数据并下载截图到 assets/screens/;用 npm create video@latest -- --blank 创建 Remotion 项目,安装 @remotion/transitions 等依赖;编写 ScreenSlide.tsx 与 WalkthroughComposition.tsx,用 screens.json 清单管理屏幕顺序与时长;用 npm run dev 在 Remotion Studio 预览,最后用 npx remotion render WalkthroughComposition output.mp4 渲染。
适用场景:应用界面演示、功能亮点展示、用户流程讲解等需要将设计稿转为视频的场合。
限制:需要 Node.js、npm、Stitch MCP 与 Remotion MCP 或 CLI,以及已设计屏幕的 Stitch 项目;需熟悉 React 与 Remotion;具体收费、价格与平台支持暂未提供。