
由此 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 包揽全部工作:打开应用,找到按钮和输入框,把流程写成一个简短的步骤文件,先试跑一遍抓错,再在后台浏览器里录下来,渲染成像手工剪过的视频。每次点击和输入时镜头推近,动作还在附近就停在那里,流程换到别处再拉远。
工作流程
- 提需求:给出网址、要演示的那一条流程,以及视频要发在哪里,比如 X、LinkedIn、YouTube、Discord 或 README。
- 摸清应用:它确认应用在运行(或者帮你启动开发服务器),逐页查看,列出能操作的按钮和输入框。
- 写步骤:写出 5 到 15 步(点击、输入、下拉选择、拖动),先试跑一遍,每步存一帧。
- 录制:录下整个流程,渲染成 MP4,带自动缩放、顺滑光标、点击涟漪,浏览器窗口放在你选的背景上。
- 自查:它抽帧检查自己的视频,修好构图或节奏问题,再交回视频、封面图和步骤文件。
小贴士
- 一支视频只演示一条流程,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 跑了一支样片。






