如何使用 Claude Code、Playwright 和 ... 笔记

如何使用 Claude Code、Playwright 和 FFmpeg 制作产品演示

作者使用 Claude Code、Playwright 和 FFmpeg,在约 30 分钟内为开源项目 Agent OS 制作了一个 56 秒的产品演示。目标是呈现清晰且未过度修饰的真实产品走查流程,避免手动录制和复杂的视频编辑软件。Claude Code 检查了应用程序并识别出叙事所需的关键产品状态,随后使用 Playwright 导航并录制这些状态。演示中使用了真实 Pulseboard 构建中已有的运行记录,以确保真实性。为避免单一长录制,作者录制了多个短片段,每个片段使用独立的浏览器上下文,以提升稳定性。随后使用 FFmpeg 对片段进行剪辑、添加标签、创建开场和结束卡片,并将所有内容拼接为最终的 MP4 文件。该工作流非常适合优先保证真实性和可复现性的开源演示及内部走查场景,而非追求华丽的图形效果。作者指出,浏览器流程由代码定义,产品状态具有确定性,标签和时序为配置项,从而支持视频的轻松再生。Agent OS 被描述为一种本地优先的 AI 项目操作系统,为编码模型增加了记忆、执行控制、验证、恢复和交付能力。该演示旨在快速向用户展示系统实际执行的功能。