Lazy loaded image
AI创意工作台:一个在浏览器里实现专业级图片魔法的开源工具
Words 871Read Time 3 min
2026-2-6
2026-2-6
type
status
date
slug
summary
tags
category
icon
password
我把这个项目部署在了vercel上欢迎体验:AI创意工作台
随着像Google Gemini这样强大的AI模型不断涌现,我们获得了前所未有的创意能力。然而,很多时候体验这些功能需要复杂的操作或后端部署。这个项目的初衷,就是将这些强大的AI能力封装成一个简洁、直观、人人可用的网页应用,让你的浏览器变成一个真正的创意工坊。最重要的是,它完全在你的本地运行,你的API Key和创作数据都无比安全。
在这里插入图片描述

我们看看他的图片生成效果:

电影海报
在这里插入图片描述
最近很火的3D手办
泡芙3D手办

✨ 核心功能一览

  • 双引擎驱动:内置支持Google Gemini 2.5 Flash和社区热门的Nano Banana模型,一键切换,体验不同风格的创意火花。
  • 五合一创意工作台
    • 图片生成:从简单的文字或图片描述开始,创造无限可能。
    • 局部编辑:真正的“指哪改哪”,上传图片,点击指定位置,用一句话就能实现移除路人、更换衣物等精确操作。
    • 图像融合:轻松将两张图片合二为一,无论是“和偶像合影”还是更换产品背景,都轻而易举。
    • 智能文本编辑:修改图片中的招牌、标签或任何文字,同时保留原有风格。
    • 一致性生成:让你的角色或场景在系列图片中保持统一的外观和风格。
  • 强大的提示词管理:每个功能模式都有专属的提示词模板库,支持导入、导出和自定义,让你的创意“弹药库”随身携带。
  • 创意相册:自动保存你的历史杰作,以画廊形式展示。支持一键复制提示词、下载图片和批量管理。
  • 沉浸式体验:独创的“拉绳月亮/太阳”开关,让你在深色与浅色模式间自由切换,享受舒适的创作环境。

🚀 快速上手

  1. 下载项目:前往 \[https://github.com/RHZHZ/nano-banana-web\\]下载本项目。
  1. 打开浏览器:解压后,直接将 index.html 文件拖入你的浏览器中。
  1. 配置API:首次使用会弹出引导窗口,带你前往“设置”页面。填入你自己的API Key和API地址,选择模型,点击保存。
    1. 在这里插入图片描述
  1. 开始创作:就是这么简单!现在你可以回到“创意工坊”,开始你的魔法之旅了。
    1. 3D手办
在这里插入图片描述
在这里插入图片描述

🛠️ 技术简介

这个项目完全由原生HTML, CSS, 和JavaScript构建,没有任何外部框架依赖。这意味着它轻量、快速,并且完全透明。你的所有配置都安全地存储在浏览器的本地存储中,不会上传到任何服务器。 另外欢迎二次开发,但希望你也保持开源!

上一篇
《雨后青花》创作手记:当代码遇见诗意的雨巷
下一篇
《雨后青花》创作手记:当代码遇见诗意的雨巷