Mastra Demo 是一个面向产品演示视频制作的技能工具，目标是把录屏、配音和视频合成组织成可重复执行的自动化流程。
用途 它用于制作带旁白的专业产品演示视频。整体思路是先在浏览器中录制各个分镜的 GIF，再为每个分镜生成语音旁白，最后用 Remotion 把画面与音频组合并导出视频。
主要能力
- 浏览器自动化录屏：通过 claude-in-chrome MCP 在浏览器中执行导航、等待、查找元素、点击、输入、滚动等动作，并把过程录成 GIF。
- 语音旁白生成：接入 ElevenLabs 生成各分镜的配音音频。
- 视频合成与导出：基于 Remotion 构建视频组合，渲染输出最终视频文件（如 out/demo.mp4）。
- 脚本驱动：以 DEMO_SCRIPT.md 描述叙事、设置、标题、分镜和片尾；工具可生成或校验该脚本，并维护执行状态（.mastra-demo-state.json）。
- 项目脚手架：从模板创建演示项目，包含 React 场景组件（如 Title、DemoGif、Outro）、浏览器边框组件、音频生成脚本和依赖配置。
使用方式 通过一组命令分步推进： /mastra-demo:init <name> 从模板创建新演示项目； /mastra-demo:script 生成或校验 DEMO_SCRIPT.md； /mastra-demo:record 录制浏览器动作 GIF； /mastra-demo:audio 通过 ElevenLabs 生成旁白； /mastra-demo:compose 构建 Remotion 组合； /mastra-demo:render 导出最终视频； /mastra-demo:status 查看进度和下一步。 典型快速开始流程为：init 创建项目，编辑或生成脚本，逐段录制 GIF，生成配音，构建组合，最后渲染成片。
脚本与叙事 DEMO_SCRIPT.md 中先写完整连续的叙事文本，以保证各分镜之间自然衔接；然后定义 fps、voice 等设置，标题文本、副标题和时长，逐段的分镜（URL、旁白、动作列表）以及片尾标题、命令和链接。文档强调旁白要讲一个连贯的故事，避免突兀的分镜开头或要点式叙述，并给出“Now that we're logged in…”这类过渡示例。可用的浏览器动作包括 navigate、wait、find、click、type、scroll。语音方面推荐使用 Daniel、Brian、George 或 Chris 等音色，模型为 eleven_multilingual_v2，稳定性 0.5，相似度增强 0.75。
适用场景 适合需要快速产出网页产品功能演示、并希望统一配音与画面节奏的团队或个人，尤其是已有可访问的本地或线上页面、能够按步骤操作演示的场景。
限制与前置条件 需要 claude-in-chrome MCP 浏览器自动化扩展、ElevenLabs API Key、Node.js 18+ 以及用于音频时长检测的 ffprobe（随 ffmpeg 提供）。演示项目按固定目录结构组织（.env、DEMO_SCRIPT.md、public/、out/、src/ 等）。资料未提供具体收费、价格、性能指标或跨平台兼容性信息，暂未提供。