内容
# AIOProductOS 工作室 · MCP
你的 AI 队友成为你的 **产品视频制作师**。工作室是一个 MCP 服务器，
记录你自己的网页应用的脚本化操作流程 —— 一个可见的光标
在每次点击时滑动，相机聚焦，突出显示标注，故事线字幕，
设计场景过渡 —— 并拍摄营销级别的截图。
告诉你的 AI 主持人要拍摄什么故事；获取一个可分享的 MP4 文件。
那些 PM 们讨厌制作的视频 —— 示范剪辑，解说视频，更新日志 GIF，发布截图 —— 都变成了一个提示。
**免费 · MIT · 100% 本地运行**（你的浏览器，你的网址，你的登录会话 —— 任何内容都不会上传到任何地方）。由 [AIOProductOS](https://aioproductos.com) 构建，使用我们自己发布视频的同一流程。
## 安装
```bash
# Claude 代码
claude mcp add studio -- npx -y @aioproductoscom/mcp-studio
# Cursor / Codex — .mcp.json
{ "mcpServers": { "studio": { "command": "npx", "args": ["-y", "@aioproductoscom/mcp-studio"] } } }
```
要求：Node 18+，Playwright Chromium (`npx playwright install chromium`，一次性），以及用于 MP4/GIF 导出的 ffmpeg（`brew install ffmpeg` —— 没有它，你仍然可以获得原始 WebM）。
## 使用
然后直接指导电影：
> "记录 https://app.example.com 的 30 秒操作流程 —— 主题为我们的品牌（#0d1117 背景，#f97316 强调色），在仪表盘上打开，标题为 'Meet Example'，为三个关键功能添加字幕，在分析图表上聚焦，然后以 'Start free · example.com' 结尾。同时获取一个英雄截图。"
你的主持人运行拍摄工具；文件保存在 `./studio-output/` 中。
## 工具
| 工具 | 功能 |
|---|---|
| `studio_start` | 打开一个主题化的录制浏览器（视口，品牌颜色，登录状态） |
| `studio_goto` | 在设计标题卡后面导航 —— 不会在录像带上闪烁加载 |
| `studio_click` / `studio_type` | 光标滑动到目标；输入速度与人类一致 |
| `studio_scroll` | 立方平滑滚动，无跳切 |
| `studio_caption` | 底部左侧故事线字幕（“画外音”以文本形式） |
| `studio_highlight` | 强调环 + 标签标注围绕任何元素或可见文本 |
| `studio_zoom` | 平滑聚焦于指标，按钮或结果 |
| `studio_hold` | 保持镜头（微漂移保持帧流动） |
| `studio_end_card` | 结束玻璃卡：标题，副标题，CTA 网址 |
| `studio_screenshot` | 高 DPI PNG 帧，元素或整个页面 |
| `studio_finish` | 停止，自动删除暗帧，导出 MP4（+ 可选 GIF） |
| `studio_cancel` | 放弃拍摄 |
## 记录登录区域
工作室永远不会看到你的凭证。保存 [Playwright storageState](https://playwright.dev/docs/auth) 一次（`npx playwright codegen --save-storage=auth.json https://app.example.com`），然后将 `storage_state_path: "auth.json"` 传递给 `studio_start`。
## 保持录像干净
- **Cookie 横幅？** 通过 `cookies` 传递你的同意 cookie，这样它就不会加载。
- **聊天气泡 / 开发叠加层？** 在 `hide_selectors` 中列出选择器 —— 从帧 1 中隐藏。
- **页面加载时闪烁的颜色不正确？** 将 `theme.bg` 设置为你的应用的实际背景。
## 为什么它看起来很好（辛苦得来的部分）
页面提交时没有白色闪烁（主题背景在任何页面 CSS 之前绘制），
没有黑色帧（导航在设计标题卡后面隐藏，残留的暗帧被检测并使用 ffmpeg 确定性地剪辑），没有卡顿（每个相机移动都是合成器友好的缓动），以及相机上读取的动作（可见的光标在每个目标之前滑动，然后执行操作）。
## 链接
- **网站：** [aioproductos.com](https://aioproductos.com)
- **背后的产品：** [AIOProductOS](https://platform.aioproductos.com) —— 产品操作系统，将反馈，收入，工作和代码连接在一个客户记录上。工作室是免费的；这是我们自己的发布视频制作方式。
- **我们的其他 MCP：** [`@aioproductoscom/mcp`](https://www.npmjs.com/package/@aioproductoscom/mcp) （工作区连接器）· [`@aioproductoscom/mcp-agent`](https://www.npmjs.com/package/@aioproductoscom/mcp-agent) （可分配的编码队友）
- **支持：** [office@aioproductos.com](mailto:office@aioproductos.com) —— 人类创始人回复每封邮件。
MIT AIOProductOS Inc. 版权所有。
