Nano Banana 2
Google 生态中的品牌向图像生成能力——在 Andy Lo 的 Astra 建站流程里，它负责「组件写出来之前」的 on-brand 视觉层；可经 Google Flow 与视频生成同台使用，再导出为滚动驱动的 WebP 帧序列交给 Claude Code。
简介
Nano Banana 2 是本素材中定位的 视觉生成层（visual generation layer）：在写任何 UI 组件之前，先按已定义的 mood、色板、细节层级与约束生成匹配项目世界的图像。Andy Lo 在《Why Your AI Website Looks Generic》中强调：假 prompt 产出假图，假图再喂给建站流程，最终网站只会像「拼装」而不是「设计」。Nano Banana 2 的价值不在「多画几张好看图」，而在把 设计方向锁死到像素层，让后续 Claude Code 执行有统一视觉地基。
与「对话里随口要一张 hero」不同，本片工作流把 Nano Banana 2 嵌进固定管线：结构化图像 prompt → 快速迭代（小改 prompt / 加 reference ingredient / 调 style directive）→ 同平台图生视频（专为 scroll 交互设计运动，而非自动播片）→ Easy GIF 切 WebP 帧 → assets/ 供滚动 hero 使用。工具链后端执行仍是 Claude Code；Nano Banana 2 解决的是 AI slop 的视觉源头。
关键信息
- 类型：工具 / 图像生成能力（视频字幕中的产品名）
- 领域：AI 创意设计 · 品牌视觉 · 设计驱动前端
- 入口形态：可在 Google Flow 内直接使用（Flow 已不止视频，可同台出图+出片）
- 定价/开源状态：素材未给出官方价目；演示中提及免费链路可能有水印，可用付费滤镜/后期去除
- 相关概念：Google Flow、Claude Code、AI产品PRD、CLAUDE.md 项目指令、GPT Image 2、产品一致性、AI slop
核心特性
1. 在 Claude Code 建站前锁定视觉世界
- 先定义项目世界（案例 Astra：太空主题、大气层叠、克制运动）
- 一切生成物对齐：mood、palette、detail level、restraints
- 输出作为 hero 与全站气质的「视觉宪法」素材，而不是装饰性配图
2. 快速迭代，而不是每次推倒重来
- 首轮图常常不完全对——被明确称为 normal
- 小幅 prompt 调整、加入 reference 作为 ingredient、微调 style directive，输出会 meaningful shift
- 与「一次完美 prompt」叙事相反： refinement loop 才是默认
3. 与 Google Flow 视频链路闭环
- 满意静帧后留在 Flow 内转视频
- 运动 prompt 同样可用 Claude/ChatGPT 协助描述
- 案例运动规格：主体居中固定；前景缓升；环境微动（星闪、轨道 wobble、花摆）；为 scroll 进度设计，不为 autoplay
4. 导出形态服务工程，而非只服务「看片」
- 视频经 Easy GIF → WebP 序列
- 序列进入项目
assets/，由 Claude Code 实现 full-screen scroll-driven frame sequence - 工程注意：转换可能轻微掉画质（upscaler）；免费水印可后期处理
与同类的关系（本库视角）
| 能力 | 更偏 | 与 Nano Banana 2 对照 |
|---|---|---|
| GPT Image 2 / ChatGPT Images | C 端模板、Prompt-as-Code、中文排版、场景合成 | 本库素材更密；Nano Banana 2 在本片是 Flow 内品牌视觉入口 |
| 产品一致性 + Fal 广告流水线 | SKU 保真、投放素材工厂 | 广告篇锁「产品长什么样」；本片锁「站点属于哪个世界」 |
| Qwen-Image-3.0 | 生产力验收「能不能交差」 | 本片验收是「是否像同一设计系统」 |
不同素材中的观点
- 2026-07-26-youtube-claude-code-nano-banana-astra-site：把 Nano Banana 2 定为 Claude Code 设计站的 visual layer。完整链路：结构化 cinematic prompt（半写实、柔光、禁纯黑与刺目对比；色板锁 teal/deep blue/cyan/amber）→ 迭代到最终静帧 → Flow 内图生视频（scroll 专用运动）→ Easy GIF 切 WebP → 与 PRD/CLAUDE.md 一起交给 Claude Code。结论句：工具不制造 generic，跳过视觉与规范地基才制造 generic；Nano Banana 2 负责「任何你定义的 design direction 都能匹配」。
实用信息
快速上手（按本片复现）
- 先用一句话写清项目世界（主题、情绪、禁区），不要直接开画
- 用 Claude / ChatGPT / Gemini 把「感觉 + 场景 + mood」整理成结构化图像 prompt
- 在 Google Flow 中调用 Nano Banana 2；首轮不对就小改 + reference，不要整段重写
- 满意后图生视频：运动只服务滚动叙事，主体保持中心稳定
- Easy GIF：Video→WebP → Split 帧序列 → 放入仓库
assets/ - 再写 PRD + CLAUDE.md，最后才让 Claude Code 指向该帧目录实现 hero
案例 Prompt 骨架（可改写复用）
- 场景：电影感夜景 + 人物/道具 + 环境层次
- 光色：主冷辅暖对比（例：teal 环境 vs amber 屏幕光）
- Style 指令：semi-realistic / soft lighting / no harsh contrast / no pure black
- Palette lock：3–4 个主色，禁止漂移到「默认 SaaS 紫蓝白」
- Mood 一句话：如 calm, focused, magical
注意事项
- 运动规格要按 交互 写（scroll 进度），不要按「短视频好看」写
- 帧序列是工程资产：路径写进 CLAUDE.md，避免 Claude 每次猜目录
- 画质与水印是原型债，验收时单独排 upscale / 去水印，不要和功能审计混在一轮