AIOProductOS Studio

com.aioproductos由 aioproductos.com 发布v0.2.3更新于 Oct 24, 2026

Turn your AI host into a product videographer: scripted app demos, voice-over, captions, MP4/GIF.

发布方自己的服务：AIOProductOS MCP

已验证STDIO仅桌面浏览器自动化媒体与设计

概览

AI 生成的概览

让助手为你自己的网页应用录制脚本化的品牌演示视频和营销截图，并导出 MP4 或 GIF。

可以做什么
Studio 驱动一个带主题的录制浏览器按脚本执行流程：在标题卡后打开页面，让可见光标滑向点击和输入位置，平滑滚动，添加字幕、语音旁白、高亮标注、镜头推近和片尾卡，最后导出 MP4 并可选择 GIF。它还能截取当前画面、某个元素或整页的高分辨率 PNG 截图。输出文件写入本地的 studio-output 目录。
适用场景
当你需要网页应用的演示片段、讲解视频、更新日志 GIF 或发布截图，并希望用一句提示生成而不是手动录屏时适用。适合已有可访问应用地址、希望获得可重复且符合品牌风格的营销素材的团队。
运行要求
以 npm 包形式通过 stdio 在本地运行，需要 Node.js 18 或更高版本，并一次性安装 Playwright Chromium。导出 MP4 或 GIF 需要 PATH 中有 ffmpeg；没有则只能得到原始 WebM。录制登录区域时需传入 Playwright 存储状态文件。未声明任何账号、API 密钥或环境变量。
安装前请注意
它会录制浏览器会话，因此录制页面上可见的内容都会进入输出文件，文件写入本地目录。录制登录区域时需提供存储状态文件路径，该文件包含会话凭据，应按机密处理。它能访问并操作真实页面，请只对脚本化点击和输入安全的环境使用。

安装

在 SourceWeft 中

  1. 打开 控制台中的 AIOProductOS Studio，将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Desktop only，通过 STDIO。 STDIO 服务会启动本地进程，因此需要 SourceWeft 桌面宿主。

其他 MCP 客户端

参照 仓库 中的启动说明。

README

AIOProductOS Studio · MCP

Your AI teammate becomes your product videographer. Studio is an MCP server that records scripted walkthroughs of your own web app — a visible cursor that glides to every click, camera punch-ins, highlight callouts, storyline captions, designed scene transitions — and takes marketing-grade screenshots. Tell your AI host what story to shoot; get back a share-ready MP4.

The videos PMs hate making — demo clips, explainers, changelog GIFs, launch screenshots — become one prompt.

Free · MIT · runs 100% locally (your browser, your URLs, your logged-in session — nothing is uploaded anywhere). By AIOProductOS, built from the same pipeline we use for our own launch videos.

Install

bash
# Claude Codeclaude mcp add studio -- npx -y @aioproductoscom/mcp-studio
# Cursor / Codex — .mcp.json{ "mcpServers": { "studio": { "command": "npx", "args": ["-y", "@aioproductoscom/mcp-studio"] } } }

Requirements: Node 18+, Playwright Chromium (npx playwright install chromium, one-time), and ffmpeg on PATH for MP4/GIF export (brew install ffmpeg — without it you still get the raw WebM).

Use

Then just direct the film:

"Record a 30-second walkthrough of https://app.example.com — theme it to our brand (#0d1117 bg, #f97316 accent), open on the dashboard with the title 'Meet Example', caption the three key features, zoom in on the analytics chart, and end with 'Start free · example.com'. Also grab a hero screenshot."

Your host runs the shoot tool by tool; files land in ./studio-output/.

The tools

ToolWhat it does
studio_startopen a themed recording browser (viewport, brand colors, logged-in state)
studio_gotonavigate behind a designed title card — no loading flashes on tape
studio_click / studio_typecursor glides to the target; typing is human-paced
studio_scrollcubic-eased scroll, never a jump cut
studio_captionbottom-left storyline caption (the "voiceover" in text)
studio_narratespoken voice-over with NO on-screen caption; holds the shot under the line
studio_highlightaccent ring + label callout around any element or visible text
studio_zoomsmooth camera punch-in on a metric, button, or result
studio_holdhold the shot (micro-drift keeps frames flowing)
studio_end_cardclosing glass card: title, subtitle, CTA URL
studio_screenshothigh-DPI PNG of the frame, an element, or the full page
studio_finishstop, auto-remove dark frames, export MP4 (+ optional GIF)
studio_cancelabandon the take

Recording logged-in areas

Studio never sees your credentials. Save a Playwright storageState once (npx playwright codegen --save-storage=auth.json https://app.example.com), then pass storage_state_path: "auth.json" to studio_start.

Keeping junk off the tape

  • Cookie banner? Pass your consent cookie via cookies so it never mounts.
  • Chat bubble / dev overlay? List selectors in hide_selectors — hidden from frame 1.
  • Wrong flash color on page loads? Set theme.bg to your app's real background.

Why it looks good (the hard-won part)

No white flash on page commits (the theme background paints before any page CSS), no black frames (navigations hide behind designed title cards, and residual dark frames are detected and cut deterministically with ffmpeg), no stutter (every camera move is compositor-friendly easing), and action that reads on camera (a visible cursor glides to every target before it acts).

Links

MIT © AIOProductOS Inc.

来源：README.md，提交 fce9f2f

工具

0
SourceWeft 尚未在沙箱中启动过该软件包，因此其工具未知。

版本历史

1
  1. v0.2.3最新Sep 16, 2026

评分

已满足适用检查项的 50%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通25 分

    请保持端点能够响应 MCP 握手；SourceWeft 每 30 天探测一次。

  • 已声明认证方式10 分

    请在注册中心条目中声明凭据请求头，或保持端点能够响应探测，以便判定其认证方式。

  • 已列出工具15 分

    请让服务器在无凭据时响应 tools/list，或发布可在沙箱中无凭据启动的软件包。

  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分

其他 Aioproductos 集成

AIOProductOS MCP

com.aioproductos官方发布者

将助手连接到 AIOProductOS 工作区，可读取收入、反馈与分析数据，并写入产品管理记录。

Streamable HTTP可网页运行
效率与工作流71 个工具Oct 24, 2026