markfulton/NanoBananaEditor

解决的问题

Nano Banana AI 图像编辑器提供了一个专业的界面，用于从文本生成图像，并对现有图像进行精确的对话式编辑。它通过允许用户使用自然语言描述更改，并使用遮罩工具定位特定区域，消除了复杂的手动编辑需求。

工作原理

该应用基于 React 和 TypeScript 构建，通过 Google Generative AI SDK 与 Google 的 Gemini 2.5 Flash Image 模型集成。用户可以从提示生成图像，或进入编辑模式，在图像的特定区域绘制遮罩并提供文本指令进行修改。该应用使用 Konva.js 实现交互式画布，并使用 IndexedDB 对资产进行离线缓存。

适用人群

专为希望无需从零开始构建前端基础设施，即可获得生产就绪的 AI 图像生成和区域感知编辑工具的创作者和开发者设计。

主要亮点

• 对话式编辑：使用自然语言指令修改图像。
• 区域感知选择：使用画笔工具绘制遮罩，实现精准编辑。
• 参考图像支持：最多可使用两个参考图像来引导生成和编辑风格。
• 非破坏性工作流：保留原始图像的同时，维护编辑和变体的分支历史。
• 企业级功能：包含 SynthID 隐形水印以确保 AI 来源可追溯性，并具备完整的 TypeScript 类型安全。