把 AI 畫布搬回家：gpt-image-canvas 深度解析 | Bringing the AI Canvas Home: A Deep Dive into gpt-image-canvas
🔎 工具速覽 / AT A GLANCE
| Category | AI 可視化工具 / 系統設計 |
| Pricing | 開源免費 (需自備 API Key) |
| BestFor | 需要快速原型設計、視覺化構思、且對隱私有要求的工程師/設計師 |
| GitHub Stars | ⭐ 141 |
🚀 引言 / Introduction
各位在職場上被 Bug 追著跑、肝指數快要破表的夥伴們，好久不見。我知道大家最怕的是什麼——就是老闆在週五下午五點突然說『這個功能我想要一個視覺化的感覺』，但你手上只有一堆文字敘述。今天跟大家分享的 gpt-image-canvas，就像是在你的本地端部署了一個『可以隨意塗鴉且能自動變魔術』的 AI 畫布。不用在對話框裡跟 AI 玩『猜猜我想畫什麼』的文字遊戲，直接在無限畫布上把靈感視覺化。
Hello everyone, those of you juggling endless bugs and skyrocketing liver enzymes. We all know the worst part of the job: when the boss asks for a 'visual feeling' at 5 PM on a Friday. Today, I'm sharing gpt-image-canvas—essentially a 'magic doodle' AI canvas deployed locally. Stop playing guessing games with AI in a chatbox; it's time to visualize your inspirations on an infinite canvas.🛠️ 核心功能 / Key Features
tldraw-powered infinite canvas: No longer limited to single images; layout your creative flow freely.基於 tldraw 的無限畫布體驗：不再受限於單一圖片，隨意佈局你的創意流。
Local-first storage: Keep generated images and snapshots on your own machine, avoiding corporate data leaks to cloud models.Local-first 本地優先存儲：生成的圖片與快照留在自己家，不用擔心公司機密被餵給雲端大模型。
Flexible API Integration: Supports official OpenAI and all compatible endpoints, whether using official keys or third-party proxies.彈性的 API 接入：支持 OpenAI 官方及所有兼容接口，不管你是用官方 Key 還是第三方轉發都能跑。
Intelligent Credential Routing: Built-in awareness that shows a homepage without keys and jumps straight to the canvas once authenticated.智能權限路由：內建憑證感知，沒 Key 時顯示歡迎頁，有 Key 時直入畫布，絲滑得像剛抹過油。
💡 技術亮點 / Tech Highlights
Engineer's Lifesaver: Supports Tencent Cloud COS backup; even if your local drive crashes, your work won't vanish like your year-end bonus.工程師的救星：支援 Tencent Cloud COS 備份，就算本地硬碟噴掉，作品也不會跟你的年終獎金一樣消失。
Minimalist Tech Stack: Hono + SQLite + tldraw; so lightweight it won't devour 32GB of RAM like a microservices cluster.極簡技術棧：Hono + SQLite + tldraw，輕量到不需要像跑微服務那樣吃掉你 32GB 的 RAM。
v0.2.0 Enhancements: Added Codex login fallback, ensuring API configuration is no longer a deployment nightmare.版本 v0.2.0 強化：新增 Codex 登入備援機制，讓 API 設定不再是部署時的噩夢。
📦 快速上手 / Quick Start
Prerequisites: Install Node.js 22+ and pnpm 9.14.2 (Corepack is recommended to avoid struggling with environment variables).環境準備：安裝 Node.js 22+ 與 pnpm 9.14.2 (建議用 Corepack 快速激活，別在環境變數裡掙扎太久)。
Quick Launch: Execute pnpm install $\rightarrow$ copy .env.example to .env $\rightarrow$ pnpm dev.快速啟動：執行 pnpm install $\rightarrow$ 複製 .env.example 到 .env $\rightarrow$ pnpm dev。
Configuration: Fill in OPENAI_API_KEY in .env, then open http://localhost:5173 to start creating.配置金鑰：在 .env 填入 OPENAI_API_KEY，然後打開 http://localhost:5173 就可以開始畫了。
Docker Deployment: If you're tired of managing Node versions, just use Docker—as simple as deploying those legacy projects nobody wants to maintain.Docker 部署：如果你懶得管 Node 版本，直接用 Docker 跑，像部署所有沒人想維護的舊專案一樣簡單。
準備好試試 把 AI 畫布搬回家：gpt-image-canvas 深度解析 | Bringing the AI Canvas Home: A Deep Dive into gpt-image-canvas 了嗎？
Ready to try 把 AI 畫布搬回家：gpt-image-canvas 深度解析 | Bringing the AI Canvas Home: A Deep Dive into gpt-image-canvas?
前往 GitHub 頁面 →
留言
張貼留言