Google Flow
Google 侧的生成式媒体工作台——在 Andy Lo 的 Astra 教程里，它已从「只做视频」扩展为可直接调用 Nano Banana 2 的 图+视频同台 入口，负责设计驱动网站的视觉生产前半段。
简介
Google Flow 在本素材中的关键更新点是：不再只是视频生成工具，用户可以 在 Flow 内直接使用 Nano Banana 2，图像与视频在同一平台完成。对设计驱动建站而言，这意味着：定义世界与色板 → 出品牌静帧 → 同一环境转成滚动用动画 → 下载后再工程化（WebP 帧序列），中间少一次「导出到另一家工具再重对齐风格」的断裂。
Flow 本身不写网站代码；它产出的是 Claude Code 可消费的视觉原料。作者把「在 Flow 里把图和运动做对」放在 PRD/CLAUDE.md 与编码之前，对应其核心主张：视觉 foundation 先于组件，否则后面再强的 coding agent 也只能在 generic UI 上堆功能。
关键信息
- 类型：工具 / 生成式媒体工作台
- 领域：AI 视频 · AI 图像 · 设计预生产
- 官方定位（素材表述）：原视频工具 → 现支持 Nano Banana 2 直出图，图+视频同平台
- 下游工程：下载视频 → Easy GIF（Video→WebP + Split）→ 项目
assets/→ Claude Code scroll hero - 相关概念：Nano Banana 2、Claude Code、AI产品PRD、CLAUDE.md 项目指令、Seedance 2.0、Vibe Motion
核心特性
1. 图与视频同台，减少风格漂移
- 静帧满意后 留在 Flow 选 video、挂图、写运动 prompt
- 同一视觉世界连续迭代，避免跨工具重述 palette/mood
2. 运动 prompt 可外包给聊天模型
- 不确定如何描述运动时，用 Claude / ChatGPT 根据目标交互写方向
- 案例目标是 scroll interaction：不是让视频自己演完，而是跟用户滚动
3. 与工程管线的接口清晰
- Flow 输出：成片视频文件
- 工程输入：逐帧 WebP（Easy GIF Convert + Split）
- 编码侧：Next.js + GSAP 等按滚动进度换帧（见 Astra 构建）
4. 迭代成本叙事
- 图像侧：Nano Banana 2 小改即 shift
- 视频侧：案例约 3 次迭代 得到可用 scroll 运动
- 与「一键完美」相反，Flow 段被设计成短反馈环
不同素材中的观点
- 2026-07-26-youtube-claude-code-nano-banana-astra-site：Flow 是 Astra 视觉段的唯一前台——「before we set up the single project file, we start here」。作者特意提醒观众跟上更新：能在 Flow 里直接用 Nano Banana 2。完整路径：结构化图像 prompt → 迭代静帧 → 视频选项 + 滚动向运动 prompt → download → Easy GIF 帧序列 → 才进入 PRD/CLAUDE.md 与 Claude Code。Flow 不负责抗 slop 的规范层；规范在 markdown 地基，执行在 Claude Code。
实用信息
在本片工作流中的位置
世界设定（mood / palette / restraints）
→ Google Flow + Nano Banana 2（静帧）
→ 同平台图生视频（scroll 运动规格）
→ 下载
→ Easy GIF：Video → WebP → Split
→ assets/ + PRD + CLAUDE.md
→ Claude Code 构建与 PRD 审计滚动运动规格检查清单（案例）
- 主体是否全程固定居中
- 前景/视差是否「进入场景」而非胡乱运镜
- 环境微动是否克制（星、轨道、植被）
- 是否按 scroll 设计（而非 autoplay 叙事弧）
- 导出后是否立刻切帧并写入仓库路径
注意事项
- Flow 解决生成与预览；帧率/尺寸/质量在 Easy GIF 阶段再定，影响 hero 跟手与包体
- 免费链路水印、WebP 画质损失属后处理，不要在 Flow 内无限重滚功能需求
- 若项目是广告短视频而非站点 hero，同作者另一条线更偏 Fal / Seedance / HyperFrames（见 2026-07-26-youtube-claude-product-photo-ad-campaign），不必强行塞进 Flow