SuperAPI AI 工具集

remotion

设计与创作

查看项目

更新于 10-15 23:59

技能介绍

用途:把 Stitch 项目中的设计屏幕制作成带平滑过渡、缩放效果和文字说明的走查视频,适合展示应用界面与用户流程。

主要能力:通过 Stitch MCP 列出项目与屏幕、获取截图下载地址及宽高信息;用 Remotion 以 React 组件方式编排视频,支持淡入淡出、滑动、缩放等过渡,添加标题、功能标注、进度指示等文字叠加,并可集成配音与交互热点。

使用方式:先运行 list_tools 确认 Stitch 与 Remotion 的 MCP 前缀;用 list_projects、list_screens、get_screen 获取项目、屏幕与截图;下载截图到 assets/screens/ 并生成 screens.json 清单。若需新建 Remotion 项目,执行 npm create video@latest -- --blank,再 cd video 并 npm install @remotion/transitions @remotion/animated-emoji。创建 ScreenSlide.tsx 与 WalkthroughComposition.tsx 等组件,用 npm run dev 在 Remotion Studio 预览,最后执行 npx remotion render WalkthroughComposition output.mp4 渲染。

适用场景:应用界面演示、功能亮点展示、分步用户流程讲解等。

限制:需具备 Stitch MCP、Remotion MCP 或 CLI、Node.js 与 npm,以及已设计屏幕的 Stitch 项目;建议了解 Remotion 与 React。资料未提供具体收费、价格或平台支持信息。