免费 · MIT · 本地运行 · v0.2

让你的 AI 给产品拍片。
一句话,就能拿到可分享的演示。

AIOProductOS Studio 是一个免费、开源的 MCP 服务器,能把你的 AI 助手变成你产品的摄像师。让它走一遍你自己的网页应用,它就会按脚本录屏:光标平滑滑到每次点击、摄像机推近、高亮标注、故事化字幕、结尾画面——最终渲染成可分享的 MP4 和 GIF,外加高清截图。产品经理最不想做的那些演示视频,现在只需要一句话。

这段片子就是 Studio 自己拍的。 demo.mp4 · 28s

它能做什么

你写故事,它来拍片。

不是屏幕录制工具,而是一整套导演工具。Studio 用真实浏览器操作你的产品,把每一个节拍都拍成正式出品的讲解视频那种感觉。

平滑移动的光标

一个看得见的指针会缓缓滑到每个按钮,并以人类的速度打字——没有瞬间跳切,观众能跟上每一次点击。

摄像机推近

推到重要的细节上,停留一下,再拉远——这是真实录屏永远给不了的镜头感。

高亮标注

在你正在讲的那个元素上加一个强调圈和标签,让视线正好落在故事发生的地方。

故事化字幕

用屏幕字幕讲述整个流程——就是讲解视频的旁白,只是没有麦克风。

有设计感的转场

每个场景都从一张标题卡后面展开,切换时是真正的转场,不是硬切——看起来就像一部正式制作的片子。

结尾画面 + 截图

以带品牌的结尾画面收尾,再从同一次录制中取出高清截图,用在更新日志和发布推文里。

14 个工具

  • studio_start 打开一个带主题的录制舞台。
  • studio_goto 在标题卡后面完成页面跳转。
  • studio_click 滑动光标并点击。
  • studio_type 以人类速度在字段里打字。
  • studio_scroll 缓动滚动,展示内容。
  • studio_caption 显示一条故事化字幕。
  • studio_narrate 一句旁白——只有讲述,画面上不显示文字。
  • studio_highlight 在某个元素上加强调圈和标签。
  • studio_zoom 对某个细节做摄像机推近。
  • studio_hold 让画面停留一个节拍。
  • studio_end_card 以带品牌的结尾画面收尾。
  • studio_screenshot 抓取一张高清静态截图。
  • studio_cancel 放弃这次录制,但保留截图。
  • studio_finish 去掉黑帧 → 配音/字幕/裁切 → 输出 MP4。

v0.2 新增 · 声音与社交

现在它会说话了——还能发到各个平台。

同一次录制现在可以带上配音、能烧录的字幕、背景音乐,以及各个社交平台要求的各种画幅比例。这些都在 studio_finish 里一次设置——而且一切依然只在你自己的电脑上完成。

配音

100% 本地、离线运行——什么都不会上传。

Studio 会用完全在设备本地运行的语音(say → piper → espeak-ng)朗读你的字幕和 studio_narrate 的台词。不连云端,不用 API key,任何内容都不会离开你的电脑。你可以选一个声音,也可以直接用系统默认——时长会自动对齐剪掉黑帧后的画面。

字幕

可以单独输出 .srt,也可以直接烧录进画面。

既能根据字幕单独生成一份 .srt 文件,也能直接烧录进画面,适合静音自动播放的社交场景。字幕时间轴从不重叠。

背景音乐

循环播放,自动压低。

在整个流程下铺一段循环的本地音轨——会自动在配音下方压低音量,保证旁白始终清晰可听。

社交裁切

一次录制,所有画幅都有。

在 16:9 主版本之外,同时导出 9:16 和 1:1 的版本——用你的主题背景补边——分别适配 Reels、TikTok、Shorts 和方形动态。都来自同一次录制,风格统一,节奏同步。

16:9Master
9:16Reels · TikTok
1:1Feed

为什么不一样

有电影质感,而且完全属于你——什么都不会离开你的电脑。

大多数「录屏」工具只是桌面抓取器,之后还得自己剪辑。Studio 是一位由你的 AI 助手指挥的导演——而且完全在你自己的电脑上运行。

免费

不用注册,不用密钥

用 npx 安装就能开拍。没有注册流程,没有付费档位,也不用粘贴任何 API key。

MIT

开源

代码可以看、可以 fork,也可以接入你自己的流水线。GitHub 上以 MIT 协议开源。

本地

100% 在你自己的电脑上

你的浏览器、你的网址、你通过 Playwright storageState 保持的登录态——甚至 v0.2 的配音也是离线在本机跑的。什么都不会上传到任何地方。

任意 AI 主机

配合你已经在用的 AI

可以从 Claude、Cursor、Codex,或任何 MCP 主机来驱动——就是你已经在用的那个。

安装

一行命令,你的 AI 就能开拍。

Studio 已经发布在 npm 上。可以用 npx 直接运行,也可以把它写进你 MCP 主机的配置里。

直接运行

npx -y @aioproductoscom/mcp-studio

Claude Code

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(只需安装一次)· PATH 里要有 ffmpeg 才能输出 MP4/GIF(没有的话仍会得到原始的 WebM)。输出会写到 ./studio-output 目录下。

常见问题

关于 Studio

AIOProductOS Studio 是什么?

AIOProductOS Studio 是一个免费、开源的 MCP 服务器,能把你的 AI 助手变成产品的摄像师。你只需要用大白话告诉它去走一遍你自己的网页应用,它就会按脚本录制一段片子:可见的光标平滑滑到每个点击、摄像机推近、高亮标注、故事化字幕、精心设计的场景转场,以及结尾画面。你会得到可分享的 MP4 和 GIF,外加高清截图。产品经理最烦做的演示片段、讲解视频、更新日志 GIF 和发布截图,现在只用一句话就能搞定。

它免费吗?

是的——完全免费,MIT 协议开源。不用注册账号,不用 API key,没有付费档位。用 npx 安装,马上就能开拍。

它会把我的屏幕内容上传到哪里吗?

不会。Studio 100% 在本地运行——你的浏览器、你的网址、你的登录态(通过 Playwright storageState 保持)。没有任何内容会上传到任何地方,也没有账号需要登录。渲染出来的 MP4、GIF 和截图都写在你自己电脑上的 ./studio-output 目录里。

支持哪些 AI 主机?

任何 MCP 主机都可以。Studio 说的是 Model Context Protocol,所以你可以直接用你已经在用的主机来驱动它——Claude、Cursor、Codex,以及其他 MCP 客户端——只需要把它加进那个主机的 MCP 配置里。故事写在主机里,片子由 Studio 来拍。

它能拍什么,我能拿到什么?

只要能在浏览器里打开并登录的东西都能拍:功能演示、操作讲解、更新日志 GIF、发布用的一套截图。Studio 的 14 个工具涵盖了主题舞台、光标滑动加打字、缓动滚动、字幕、语音旁白、高亮、摄像机推近、停顿、结尾画面和截图。studio_finish 会去掉黑帧,渲染出可分享的 MP4 和 GIF;同一次录制还能拿到高清 PNG 截图。PATH 里有 ffmpeg 就能拿到 MP4/GIF;没有的话,仍然能拿到原始的 WebM。

它能加配音和字幕吗?

两个都能加——在 studio_finish 里设置。配音会用 100% 本地、离线的语音(先试 macOS 的 say,然后 piper,再然后 espeak-ng)朗读你的字幕和 studio_narrate 台词。不连云端,不用 API key,什么都不上传——和 Studio 其他部分一样的隐私承诺。字幕可以单独生成一份 .srt,也可以直接烧录进画面,适合静音自动播放的社交场景。你还可以在配音下面铺一段循环的本地背景音乐,音量会自动压低。

它能导出竖屏或方形视频给 Reels 和 TikTok 用吗?

可以。除了 16:9 的主版本,studio_finish 还能导出 9:16 和 1:1 的版本——用你的主题背景补边——适配 Reels、TikTok、Shorts 和方形动态。都来自同一次录制,所以每种格式风格统一、节奏同步。

Studio 和 Loom 这类录屏工具有什么不同?

普通录屏工具是实时录下你点击的过程——只有一次机会,出错或产品变了就得重录。Studio 是按脚本录屏的软件:你的 AI 助手根据写好的故事来指挥整场录制,所以光标从不抖动,缩放总是踩在点上,字幕直接烧进画面。等界面改了,你重新跑一遍脚本就行,不用重新录。手动录屏工具很适合快速的个人演示;Studio 则适合那种打磨过、可以反复复用的产品演示视频。

这算是演示自动化吗?

对演示视频来说,算——因为整场录制就是一段脚本,可以随时重跑:每次发版之后重跑一遍,你的演示视频、GIF 和截图就会跟着真实产品重新生成。它不会在你的应用里做交互式的点击引导——它产出的是视频和静态画面,你可以放在任何地方托管。

产品演示视频应该做多长?

发社交媒体,30 到 60 秒;用在落地页或发布场景,60 到 90 秒;如果每个节拍都值得存在,完整走一遍也可以到 2 到 3 分钟。因为 Studio 是按脚本拍的,时长是一个可以主动决定的事,不是意外——每段字幕都有明确的停留时间,所以 45 秒的版本就是 10 到 12 个刻意安排的节拍,剪短意味着删掉几行台词,而不是重新录制。

让你的 AI 来做演示。

免费、MIT 协议、100% 本地运行。去 GitHub 或 npm 拿到它,一句话就能给你的产品拍片。

← AIOProductOS 的 MCP