MCPcopy
hub / github.com/ZHO-ZHO-ZHO/Nano-Bananary

github.com/ZHO-ZHO-ZHO/Nano-Bananary @main sqlite

repository ↗ · DeepWiki ↗
83 symbols 150 edges 25 files 0 documented · 0%
README

Group 333

Nano Bananary | 香蕉超市 | ZHO

Group 336

screenshot-20250905-191422

🆕 新增 视频生成 + 中文界面 + 浅色主题!

1)中文界面 + 浅色主题 一键切换!

screenshot-20250916-153520

2)上线视频生成功能!所有玩法一键转化为视频,纵享丝滑!

https://github.com/user-attachments/assets/4cce75d2-9783-41a4-94cc-2837c365d5a8

https://github.com/user-attachments/assets/be93114f-3bc4-4ddf-947c-4694268444e4

1)无需提示词,丝滑衔接

https://github.com/user-attachments/assets/39976fe1-fafe-4ecf-94b2-5f6053f92c7f

✅各种玩法一键生成,无需提示词,支持局部涂选、连续编辑:

1⃣选择用法

2⃣上传图片

3⃣点击生成/局部涂选

4⃣直接发送到新玩法中继续

2)核心功能:每次输出都能直接作为输入进行下一次编辑/生成

https://github.com/user-attachments/assets/ca1cc851-ccca-44c6-b3f4-138b0650c0f9

comparison-image-1757069194058

screenshot-20250905-220201

Group 334

Online

Use in AI Studio: https://ai.studio/apps/drive/1JknFrFFdiOm7FIA8MLOJa_vtJN2g24c1

Run Locally

Prerequisites: Node.js

  1. Install dependencies: npm install
  2. Set the GEMINI_API_KEY in .env.local to your Gemini API key
  3. Run the app: npm run dev

更新日志

  • 20250916

新增 视频生成 + 中文界面 + 浅色主题

  • 20250906

功能更新:增加历史记录功能,方便直接使用已生成的图像作为输入

玩法更新:已经把 我的🍌提示词库的主要玩法更新上去了

  • 20250905

更新配色:black & orange

新增功能:

1⃣ 放大预览

2⃣横置对比 + 对比图直接下载(方便直接发社交媒体)

3⃣滑块对比:方便原图对照

4⃣自定义提示词模块:方便个性化生成

  • 20250095

创建项目

Stars

Star History Chart

关于我 | About me

📬 联系我: - 邮箱:zhozho3965@gmail.com

🔗 社交媒体: - 个人页:-Zho- - Bilibili:我的B站主页 - X(Twitter):我的Twitter - 小红书:我的小红书主页

💡 支持我: - B站:B站充电 - 爱发电:为我充电

Credits

Gemini 2.5 Flash Image

Extension points exported contracts — how you extend this code

Transformation (Interface)
(no doc)
types.ts
ImageEditorCanvasProps (Interface)
(no doc)
components/ImageEditorCanvas.tsx
UploaderBoxProps (Interface)
(no doc)
components/MultiImageUploader.tsx
TransformationSelectorProps (Interface)
(no doc)
components/TransformationSelector.tsx
ErrorMessageProps (Interface)
(no doc)
components/ErrorMessage.tsx
LoadingSpinnerProps (Interface)
(no doc)
components/LoadingSpinner.tsx
ImagePreviewModalProps (Interface)
(no doc)
components/ImagePreviewModal.tsx
ResultDisplayProps (Interface)
(no doc)
components/ResultDisplay.tsx

Core symbols most depended-on inside this repo

t
called by 85
i18n/context.tsx
useTranslation
called by 13
i18n/context.tsx
downloadImage
called by 6
utils/fileUtils.ts
editImage
called by 3
services/geminiService.ts
getMaskCoordinates
called by 2
components/ImageEditorCanvas.tsx
renderGrid
called by 2
components/TransformationSelector.tsx
embedWatermark
called by 2
utils/fileUtils.ts
renderInputUI
called by 1
App.tsx

Shape

Function 70
Interface 13

Languages

TypeScript100%

Modules by API surface

App.tsx13 symbols
components/ResultDisplay.tsx11 symbols
components/ImageEditorCanvas.tsx10 symbols
components/TransformationSelector.tsx8 symbols
utils/fileUtils.ts7 symbols
components/MultiImageUploader.tsx7 symbols
i18n/context.tsx5 symbols
theme/context.tsx4 symbols
components/HistoryPanel.tsx4 symbols
components/ImagePreviewModal.tsx3 symbols
types.ts2 symbols
services/geminiService.ts2 symbols

Dependencies from manifests, versioned

@google/genai1.17.0 · 1×
@types/node22.14.0 · 1×
react19.1.1 · 1×
react-dom19.1.1 · 1×
typescript5.8.2 · 1×
vite6.2.0 · 1×

For agents

$ claude mcp add Nano-Bananary \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact