Community编程与开发github.com

create-product-demo-video-skill

Claude Code 技能:在您自己的 Web 应用中录制真实用户流程的产品演示视频——从真实 UI 转录,并通过 Playwright 和 ffmpeg 录制为 mp4/gif 格式。

create-product-demo-video-skill 是什么?

该技能允许开发者使用 Claude Code 自动录制 Web 应用的产品演示视频。它通过 Playwright 驱动真实用户交互,从 UI 中捕获操作序列,并利用 ffmpeg 将录制内容转换为 mp4 或 gif 格式。这对于创建教程、营销材料或测试记录非常有用,无需手动屏幕录制。支持 Claude Code 环境,依赖 Playwright 和 ffmpeg。工作原理是:Claude Code 模拟用户操作,Playwright 记录界面状态,ffmpeg 合成最终视频。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add VirtualPirate/create-product-demo-video-skill

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

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

文档

create-product-demo-video-skill 是做什么的?

Claude Code 技能:在您自己的 Web 应用中录制真实用户流程的产品演示视频——从真实 UI 转录,并通过 Playwright 和 ffmpeg 录制为 mp4/gif 格式。

来源:https://github.com/VirtualPirate/create-product-demo-video-skill

标记为 Awesome Skills Launch Video 任务发现(2026-09-20 晚间)。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相关技能