Communitygithub.com

ScreenBeaver 实时演示构建器

让 AI 驱动您的产品界面,自动录制并构建 Screen Beaver 演示视频,支持原生窗口捕获与自动化点击输入。

ScreenBeaver 实时演示构建器 是什么?

ScreenBeaver 演示构建器是一款面向开发者的 AI 技能,旨在通过 Screen Beaver MCP 服务器实现产品演示视频的全自动化录制与构建。它支持原生窗口捕获(无需操作系统共享选择器),并集成了演示自动化步骤(鼠标移动、点击、逐键输入、滚动等),让 AI 在录制期间真实驱动用户界面。该技能适用于 Cursor 等支持 MCP 的 AI 编辑器,通过 `record_and_build` 或原子级 `demo_*` 工具完成从聚焦窗口、开始捕获、执行演示步骤到自动生成缩放、字幕、语音旁白(支持多语言 TTS)和背景音乐的全部流程。其核心优势在于“免手动”操作——AI 模拟真实用户行为,录制结束后自动剪辑,用户仅需点击“导出”。注意:此技能严格依赖 Screen Beaver MCP 工具集,不兼容直接 HTTP 调用或 Shell 脚本,且原生捕获与输入自动化仅限 Windows 桌面环境。

兼容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/ScreenBeaver/ScreenBeaver/tree/main/.cursor/skills/screen-weaver-demo

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

Screen Beaver 实时演示构建器

用户希望闲置不动,而您驱动他们的产品(平滑光标 + 点击 + 真实键入)并构建 Screen Beaver 视频。优先使用原生捕获(无需 Windows 共享选择器)。编辑在自动模式下应用(单一配方)。用户自行点击导出。

严格规则

  1. 仅使用 screen-beaver MCP。优先使用 record_and_build(包含演示自动化)。使用原子工具 demo_* 或 run_demo 实现自定义点击路径。
  2. 如果当前会话的 MCP 工具列表中缺少 screen-beaver,请停止操作。告知用户在自定义 → MCPs 中启用它,运行 npm run mcp:install 一次,然后重新加载 Cursor / 开启新对话。不要回退到对 127.0.0.1:17355 的原始 HTTP、curl、fetch 或 Shell 调用。
  3. 永远不要编写或执行 .ps1、.bat、.cmd 或其他 shell 脚本来与 Screen Beaver 通信。
  4. 永远不要在磁盘上创建 JSON 演示/配方文件作为变通方案——将步骤/数据直接传递给 MCP 工具参数。
  5. 除非用户明确要求导出,否则不要调用 export_mp4。
  6. 保持 Screen Beaver 桌面应用打开(npm run desktop:dev 或已安装的应用)。桥接地址:http://127.0.0.1:17355(仅 MCP 服务器使用)。如果 ping_studio 失败,告知用户打开应用——不要挂起。
  7. 永远不要要求用户点击操作系统屏幕共享选择器——使用 start_capture / record_and_build(原生窗口选择)。
  8. 永远不要仅录制空白页面并添加字幕。始终在捕获期间驱动 UI。
  9. 保持录制尽可能短,以脚本需要为准。一旦最后一次点击/输入完成就立即停止(durationSec 填充 ≤ ~0.4 秒)。不要添加过长的尾部等待。
  10. 使用 demo_type / { op: "type", text } 进行输入——逐键键入,切勿剪贴板粘贴。
  11. 在聊天中简要叙述,让用户观看 Screen Beaver 窗口。
  12. 坐标: 调用 get_window_layout(或使用 contentNx/contentNy)——永远不要依赖 Cursor 的内嵌浏览器大小。页面相对坐标 contentNx/contentNy 会自动映射浏览器 chrome。
  13. 自动模式: 让 Studio 根据真实的点击/击键自动推导缩放和输入音效。不要手动放置与自动模式冲突的代理缩放/音效。仅使用 record_and_build 添加字幕 + regenerateAutoZooms。
  14. 语音旁白: 添加字幕之后,调用 generate_voiceover(默认英语)。如果用户要求其他语言,传递 targetLang(例如 hi-IN)——字幕会先翻译,然后使用 Edge TTS。优先使用 record_and_build({ voiceover: true, voiceoverLang }) 自动完成此操作。
  15. 背景音乐: 通过 MCP 使用 Openverse(pick_background_music / 使用 backgroundMusic: true 的 record_and_build)。不要使用 Pixabay / .env 密钥。Glare / Clear 效果播放内置的 shimmer 音效(Shining.mp3)。

工作流程 A — 全自动(先打开 Screen Beaver UI)

record_and_build 现在:

  1. focus_studio — 将 Screen Beaver 窗口置于前台
  2. open_record_picker — 打开“开始新录制”/共享选项 UI
  3. 打开 productUrl / 应用
  4. start_capture — 原生选择窗口(Application),显示“正在录制…”
  5. 运行 demoSteps
  6. 立即停止 + 根据录制自动生成缩放和字幕
  7. generate_voiceover — 默认英语;当设置了 voiceoverLang 时进行翻译 + TTS
  8. pick_background_music — Openverse CC 背景音乐(轻柔的企业器乐)
ping_studio
  → record_and_build({
      productName, productUrl, titleContains: "Edge",
      voiceover: true,
      voiceoverLang: "en-US",   // 或 "hi-IN" / "es-ES" 等
      backgroundMusic: true,
      musicQuery: "upbeat corporate instrumental",
      demoSteps: [ ... ],
      introCaption: "...",
      features: [{ title: "登录", atSeconds: 3 }]
    })
  → 告知用户:准备就绪后点击“导出”

或者在已有的录制上: generate_voiceover({ targetLang: "en-US" }) pick_background_music({ query: "calm tech ambient instrumental" }) generate_voiceover({ speakLang: "en-US", targetLang: "hi-IN" })

演示步骤

操作符含义
wait{ ms } — 保持简短;不要添加长的尾部填充
move / click优先使用 { contentNx, contentNy } 范围 0..1 在网页中;或 { nx, ny } 在外部窗口
type{ text, delayMs? } 逐键键入(产生输入音效)
scroll / focus / right_click与之前相同

限制

  • 原生捕获 + 输入自动化仅限 Windows 桌面。
  • 演示鼠标/键盘输入仅在捕获运行期间有效。
  • 操作系统共享对话框永远不会向代理显示——Screen Beaver 会显示应用内共享选项,然后原生捕获窗口。

相关技能