一款自托管的网页应用,借助 Firecrawl 和 DataForSEO,对网站至多 500 个页面进行 74 项页面内 SEO 指标审计。
- Star
- 354
- Fork
- 42
- 未关闭 Issue
- 0
- 最近提交
- 11个月前
这是什么?
NanoBanana Studio 是一个网页版图像编辑器,界面参考 Photoshop 和 Photopea。用户上传图片后,可以用自然语言描述想要的修改,还可以添加反向提示词排除不需要的元素,编辑完成后直接下载结果。项目也支持根据文字描述生成新图片,并可设置宽高。
图像编辑和生成由托管在 fal.ai 上的 Google NanoBanana 模型完成。前端使用 React 和 TypeScript,后端使用 Express 保存 fal.ai API 密钥并转发请求。界面中可以在标准版与 NanoBanana Pro 之间切换。
后端对上传文件的类型和大小做校验,并对输入参数进行检查,API 调用超时时间为 120 秒。运行前需要 Node.js 18 及以上版本,并在后端环境变量文件中配置 fal.ai API 密钥。
核心功能
- 01通过自然语言提示词编辑上传的图片
- 02根据文字生成新图片,可设置宽度和高度
- 03支持反向提示词,排除不需要的元素
- 04可在 NanoBanana 与 NanoBanana Pro 模型之间切换
- 05一键下载编辑后的图片
适用场景
- 用提示词快速修改图片,例如更换天空或去除背景
- 无需桌面编辑软件,直接通过文字生成图片
- 基于 fal.ai API 搭建 AI 图像编辑界面的原型
快速上手
- 1
克隆仓库并安装依赖
npm run install:all - 2
从模板创建后端环境变量文件
cd backend cp env.example .env - 3
在 backend/.env 中填入你的 fal.ai API 密钥(FAL_API_KEY=...)
- 4
以开发模式启动前端和后端
npm run dev
使用前须知
- 需要 fal.ai 的 API 密钥,且应用会调用 fal.ai 的付费模型接口。
标签
常见问题
- fal-nanobanana-studio 是什么?
- 基于 fal.ai 的 NanoBanana 模型,用自然语言编辑和生成图片的浏览器端 AI 图像编辑器。 NanoBanana Studio 是一个网页版图像编辑器,界面参考 Photoshop 和 Photopea。用户上传图片后,可以用自然语言描述想要的修改,还可以添加反向提示词排除不需要的元素,编辑完成后直接下载结果。项目也支持根据文字描述生成新图片,并可设置宽高。
- fal-nanobanana-studio 可以免费使用吗?用的什么许可证?
- fal-nanobanana-studio 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- fal-nanobanana-studio 还在维护吗?
- 超过半年未提交。fal-nanobanana-studio 最近一次提交是在 2025年11月24日。
- fal-nanobanana-studio 适合用来做什么?
- 用提示词快速修改图片,例如更换天空或去除背景 无需桌面编辑软件,直接通过文字生成图片 基于 fal.ai API 搭建 AI 图像编辑界面的原型
- fal-nanobanana-studio 怎么安装和运行?
- 克隆仓库并安装依赖: npm run install:all 从模板创建后端环境变量文件: cd backend cp env.example .env 在 backend/.env 中填入你的 fal.ai API 密钥(FAL_API_KEY=...) 以开发模式启动前端和后端: npm run dev
- 在哪里获取 fal-nanobanana-studio?
- 源代码和安装说明在 GitHub 上:https://github.com/amrrs/fal-nanobanana-studio
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
一个与模型提供商无关的 TypeScript 工具包,用于构建 AI 应用和智能体,支持 React、Next.js、Svelte、Vue 等。
用 TypeScript 构建 MCP 服务器、带 React 视图的 MCP 应用和客户端的全栈框架,内置调试器和 CLI。
开源通知与智能体通信基础设施,通过统一 API 跨站内信、邮件、短信、推送和聊天渠道发送消息。
基于 React Aria 与 Tailwind CSS v4 构建的 React UI 组件库,前身为 NextUI。
一款开源可视化编辑器,可在浏览器中用 AI 辅助直接设计和编辑 Next.js + Tailwind 代码。