一个订阅,解锁全部高级视频 Skill。随时取消。查看方案
Solenne · 16:9

由此 Skill 渲染

CursorCam 点击演示 v1.1.0

让 AI 助手给你的网页应用录演示,拿回一支精致的 MP4:它亲手点完整个流程,每次点击镜头都会推近,光标顺滑移动。

暂无评分 0 次下载
格式
视频 · 16:9
时长
0:29

免费 注册账户即可免费使用

登录后下载

把这段话粘贴给你的 Agent。它会在需要时连接 CLI,然后安装 Skill。

一个开源 Skill,给任何网页应用或网站录制点击演示视频。助手先摸清应用、写好步骤、试跑一遍,再在后台浏览器里录制,渲染成 1080p、60fps 的 MP4,自带自动缩放、顺滑光标和点击涟漪;交付前还会抽帧检查自己的视频。

更新于 2026年11月2日

你将得到

  • 一支 1080p、60fps 的 MP4,带自动缩放、顺滑光标和点击涟漪
  • 一张封面图和一份可复用的步骤文件,应用改版后直接重录
  • 同一次录制出其他尺寸:X、LinkedIn、YouTube、Discord、方形或竖屏
  • 交付前对视频截帧的自查

适合

  • SaaS 或网页应用的落地页和 README 演示
  • X 和 LinkedIn 上的发布帖和更新日志短片
  • 新手引导、帮助文档和客服教程

不适合

  • 带动效设计或旁白的宣传片、发布片
  • 不在浏览器里运行的桌面或手机原生应用

关于此 Skill

你只需说

/cursorcam 给 http://localhost:3000 录一段 30 秒的演示:打开客厅,把灯调到 35%,换成暖光,关上窗帘,存成一个叫「Evening wind-down」的场景。最后停在新场景上。

让 AI 助手给你的应用录一段演示:注册、结账、新建项目、保存一项设置都行。CursorCam 包揽全部工作:打开应用,找到按钮和输入框,把流程写成一个简短的步骤文件,先试跑一遍抓错,再在后台浏览器里录下来,渲染成像手工剪过的视频。每次点击和输入时镜头推近,动作还在附近就停在那里,流程换到别处再拉远。

工作流程

  1. 提需求:给出网址、要演示的那一条流程,以及视频要发在哪里,比如 X、LinkedIn、YouTube、Discord 或 README。
  2. 摸清应用:它确认应用在运行(或者帮你启动开发服务器),逐页查看,列出能操作的按钮和输入框。
  3. 写步骤:写出 5 到 15 步(点击、输入、下拉选择、拖动),先试跑一遍,每步存一帧。
  4. 录制:录下整个流程,渲染成 MP4,带自动缩放、顺滑光标、点击涟漪,浏览器窗口放在你选的背景上。
  5. 自查:它抽帧检查自己的视频,修好构图或节奏问题,再交回视频、封面图和步骤文件。

小贴士

  • 一支视频只演示一条流程,10 到 40 秒,最后停在结果上。
  • 说清楚要发在哪里,尺寸、帧率和文件大小限制都按平台来定。
  • 留好步骤文件。应用改版后,一条命令就能重录。
  • 其他尺寸,比如方形或给文档用的小文件,用同一次录制几秒就能渲染出来。
  • 需要登录时它会问你,输入的内容不会保存;视频里密码显示为圆点。

开源

CursorCam 由 Avijit Dey 制作(Avijit07x/cursorcam),以 Apache License 2.0 开源。下载的是 GitHub 上发布的 Skill;录制工具本身会在你第一次要视频时从 npm 运行。

开始前需要准备

你需提供
你的网页应用网址(本地开发服务器也行)、要演示的那条流程、视频要发的平台;流程需要登录的话,再准备一个测试账号。
依赖
Node.js 22 或更高版本——必需 · Google Chrome(或 CHROME_PATH)——必需
外部费用
没有。它在你自己的电脑上运行,用的是你现有的浏览器。
最近测试
v1.1.0 —

用户评价

还没有评价。安装这个 Skill,成为第一个评分的人。

常见问题

能录我本地的应用吗?

能。给它一个 localhost 网址,或者让它自己找到并启动项目的开发服务器。Chrome 能打开的页面它都能录,测试环境也可以。

镜头怎么知道该推到哪里?

每次点击、每个输入框都是一个目标。镜头推近目标,接下来的操作还在同一区域就停住,流程换到别处再拉远。你可以关掉缩放、调整推近的程度,或者逐步单独设置。

登录和两步验证怎么办?

流程需要登录或一次性验证码时,它会问你,只在这一次录制里使用,绝不写进文件。密码框显示为圆点,其他敏感内容会被模糊。

为什么免费?

CursorCam 是 Avijit Dey 做的开源 Skill。我们原样上架,并用自家的智能家居 App Solenne 跑了一支样片。

相关指南

How to make a product demo video of your web app in minutesA click-through demo is the most useful video a software product can have. What makes one easy to follow, and how to let your agent record it with the open-source CursorCam Skill.

相似 Skill

查看全部