一句话让AI帮你录专业级产品演示视频！

做产品演示视频这件事，录过的人都懂——要么鼠标抖、要么节奏乱、要么导出还要再折腾一遍剪辑。有没有一种方式，让 AI 直接帮你生成一段专业级的产品演示？

今天挖到的这个 Skill，叫 ui-demo，来自 ECC 开源项目。它解决的核心问题就是：用 Playwright 自动化录制，帮你做出一段带光标、自然节奏、专业观感的 Web 应用演示视频，格式是 WebM，开箱即用。

它是怎么工作的

你只需要对 Claude 说”帮我录一段 XX 功能的产品演示”，它就会自动：

• 启动 Playwright 控制浏览器
• 按预设的节奏和路径操作 UI
• 录制完整的操作过程，包括鼠标光标
• 输出为 WebM 视频文件

全程不需要你手动录屏、剪片、加字幕。对于需要频繁做产品演示、教程视频的团队来说，效率提升非常直接。

适用场景

• 产品经理：给投资人、客户演示新功能，几分钟搞定
• 技术文档：配合文档自动生成操作演示，不用再截图配说明
• 销售团队：快速产出产品使用视频，降低客服成本
• 独立开发者：做展示页/落地页的演示素材

怎么安装

在 Claude Code 或支持 Skills 的 AI 编程工具里，直接执行：

npx skills add https://github.com/affaan-m/ECC --skill ui-demo

安装完成后，只要描述你的录制需求，AI 就会自动驱动浏览器完成录制。

一句话总结

ui-demo 把”录演示视频”这件事，从手动操作压缩成一句话指令——省去剪辑软件、避免录屏的尴尬感，直接输出专业级成品。对于经常要做产品演示的从业者，这个 Skill 的实用指数直接拉满。

GitHub 仓库地址

GitHub: https://github.com/affaan-m/ECC/tree/main/skills/ui-demo