demo-video — 官网URL→Remotion成片

演示视频制作技能

根据公司URL或产品素材制作精美的产品演示视频。默认输出为60-90秒的1080p以上视频；在机器、素材和交付目标支持的情况下，可渲染4K版本。

操作标准

• 视频应基于真实产品界面：网站页面、应用屏幕、登录后的工作流程、截图、用户提供的素材或已验证的公开演示。
• 仅提供URL输入即可启动。从网站推断产品、受众、核心工作流程和品牌体系，然后仅询问缺失的访问权限或高优先级偏好。
• 优先采用产品经理的叙事方式，而非通用的营销手法。展示用户遇到的问题、他们在产品内采取的操作、屏幕上发生的变化，以及结果为何重要。
• 在可行的情况下使用Remotion进行动态合成，使用FFmpeg进行检视、编码、联系表、音频处理和交付格式转换。
• 确保声明有据可查。除非从原始素材中得到验证，否则不要捏造数据指标、客户Logo、检测结果、集成、合规状态或定价。
• 避免过度拟合某个特定客户。可以复用工作流、质量门和动态模式，但不要重复使用客户特定的截图、文案、颜色、定价、用户角色或逐版本修复。

输入

如果用户仅提供网站URL：

1. 在浏览器中打开网站，绘制导航地图、价值主张、产品页面、定价、帮助文档以及可见的交互状态。
2. 截取最能解释产品的页面和UI表面的高分辨率截图。
3. 围绕从网站发现的最强产品循环构建叙事。
4. 如果需要登录产品区域，说明访问边界。

如果用户提供更多上下文，则利用其提高质量：

• 目标受众、投放平台、宽高比、首选时长、行动号召、发布目标。
• 产品工作流程步骤、演示账户访问权限、示例输入或预期的前后输出。
• 品牌素材、截图、视频参考、字体、音乐方向、禁止声明和法律说明。

参考路由

• 在进行浏览器研究、登录后捕获或截图工作前，阅读references/capture-workflow.md。
• 在撰写脚本、故事板、镜头列表或产品叙事前，阅读references/storytelling.md。
• 在选择动态语言、排版、转场、布局或音乐前，阅读references/visual-system.md。
• 在实施视频项目或渲染文件前，阅读references/remotion-ffmpeg.md。
• 在宣布视频完成前，阅读references/qc-checklist.md。

制作流程

1. 确定交付范围

   • 确认目标时长、宽高比、分辨率、语言和投放平台（如已知）。
   • 默认为16:9、60-90秒、30fps、H.264 MP4、至少1080p。
   • 在要求或视频用于发布、投资者、会议或付费广告分销时使用4K。

2. 研究产品

   • 深入浏览网站和产品页面，以识别核心循环，而不仅仅是主页的承诺。
   • 构建快速功能地图：主要用户、痛点、主要操作、可见产品输出、证明、行动号召。
   • 如果产品需要登录，使用用户的活跃浏览器会话或要求其登录，然后从认证的UI继续。

3. 捕获产品证据

   • 尽可能以2倍或更高设备比例捕获桌面截图。
   • 捕获已填写和空白状态（如果它们能解释转变）。
   • 按场景和状态命名素材，例如dashboard-empty.png、workflow-result.png、pricing.png。
   • 保存清单，包含URL、页面标题、捕获时间、视口、文件名和注释。

4. 撰写产品故事

   • 用通俗语言开场，描述用户的问题或期望结果。
   • 按以下顺序展开产品循环：设置、操作、转变、审查/证明、更广泛的工作流程、行动号召。
   • 保持文字简短，以适应动态视频。使用字幕作为锚点，而非段落。
   • 使用符合受众的语言；避免通用AI短语，如“释放生产力”，除非产品确实这么说。

5. 设计动态系统

   • 以品牌的真实颜色和排版为基础，如果有助于层次结构，可添加一种克制的展示字体或强调字体。
   • 以产品截图作为主要素材。仅在需要清晰说明工作流程时，才添加浏览器框架、光标路径、缩放、遮罩、扫描线、对比面板或动态排版。
   • 选择与产品匹配的转场：液体/波纹用于流畅转变、扫描擦除用于分析、聚光灯揭示用于证明、空间推送用于导航、分割对比用于前后对比。
   • 保持动态连续性。场景变化应感觉像摄像头或界面在穿过一个产品故事，而非独立的幻灯片。

6. 构建并渲染

   • 当需要项目框架时，使用assets/remotion-starter/中的入门模板。
   • 在渲染最终视频前，渲染预览静帧或联系表。
   • 先渲染1080p用于质量保证，如果要求再渲染4K最终版。
   • 使用FFmpeg或ffprobe验证时长、分辨率、编码、帧率和音频流。

7. 交付前质量保证

   • 检查文本是否重叠、裁剪不当或在快速剪辑中变得不可读。
   • 检查按钮、光标、标注和遮罩是否与底层UI对齐。
   • 检查所有截图在最终缩放比例下是否足够清晰。
   • 检查音乐是否为纯乐器、版权安全，并在任何旁白或音效下保持平衡。
   • 提供最终MP4以及实用的制作产物：故事板、素材清单、联系表和源项目（如相关）。

可重用脚本

• scripts/create_demo_brief.py：根据URL和可选的产品上下文创建结构化简报。
• scripts/qc_video.py：使用ffprobe检查最终视频元数据，并标记分辨率、时长、编码和音频问题。
• scripts/make_contact_sheet.py：使用FFmpeg创建可视联系表，便于快速审查。

在项目文件夹中或使用绝对路径运行脚本。它们是辅助工具，不能替代视觉判断。

入门模板

在开始新视频时，将assets/remotion-starter/复制到工作项目中。替换src/demoConfig.ts中的占位符配置，将截图添加到public/或Remotion静态资源中，并根据产品叙事调整场景。

该模板刻意保持通用：

• 包含带有开场、工作流程、证明和行动号召场景的产品故事构图。
• 使用真实的截图槽位，但会回退到清晰的UI占位符。
• 包含用于淡入淡出、缩放、轨道移动、光标强调和对比面板的动态基础操作。
• 避免客户特定的文案、颜色或素材。

完成标准

在满足以下条件前，不要宣布视频完成：

• 产品故事源自真实的产品证据。
• 最终渲染至少为1080p，或用户明确接受了较低的目标。
• 通过静帧、预览渲染或联系表对视频进行过视觉检查。
• FFmpeg/ffprobe元数据确认分辨率、时长、视频编码和音频状态。
• 任何音乐、字体、素材片段或第三方页面的许可或来源边界均已记录。
• 用户收到一个具体的视频文件，而不仅仅是计划或脚本。