Conceptual Architecture by Google Gemini

從草圖到上線
全自動 AI 開發流程

手繪草圖、語音描述、一段文字 — AutoLogic 透過多模態 AI 引擎自動規劃、生成程式碼、一鍵部署。

Try Demo 🥬 韭菜運勢測算 ⛓️ 鏈上生存遊戲 GitHub

三模組管線架構

Module 1 → Module 2 → Module 3，從輸入到部署一氣呵成

MODULE 1

multi_ingest

多模態輸入引擎 — 接收手繪草圖、語音筆記、文字描述，整合為結構化 context 物件。

OpenCV Whisper Base64
MODULE 2

core_gen

AI 大腦 — Gemini 分析多模態輸入，拆解任務分配給 Agent 團隊，生成完整程式碼。

Gemini 1.5 Pro Multi-Agent JSON Plan
MODULE 3

auto_deploy

自動部署 — 打包 workspace、初始化 Firebase、一鍵上線，回傳 hosting URL。

Firebase CLI subprocess

互動式 Demo

輸入你的需求，模擬 AutoLogic 全流程執行

INPUT
🖼
Sketch (optional)
🎙
Voice (optional)
OUTPUT
Waiting for input...

AI Agent 團隊

由 Gemini 指揮的多角色 Agent 分工協作

B

Boss

總規劃師，拆解需求為子任務，分配給專業 Agent，最終審查驗收。

J

Jordan

前端專家，負責 HTML / CSS / JS，將草圖還原為像素級 UI。

A

Alex

後端專家，負責 API、資料模型、伺服器邏輯。Flask / Express。

S

Sam

DevOps 專家，設定部署、Firebase config、README 文件。

CodeSnap helps you show code;
AutoLogic helps you SHUT UP AND BUILD.