景觀植栽 3D 生成器
AI 植栽設計助手 · Claude · Tripo 3D · 行動 APP
景觀植栽 3D 生成器結合空間植栽智慧與即時 3D 視覺化。這款景觀植栽設計助手 APP 整合 Claude AI 文字生成與 3D 模型渲染。填入基地條件—光照、土壤、風格、面積——APP 自動推薦植栽並生成可在手機上直接旋轉與縮放的互動式 3D 景觀模型。
核心技術棧
- React Native + Expo + Node.js + Anthropic Claude SDK · Tripo 3D 生成 API · 即時進度串流
AI 生成流程
- 填寫表單 — 透過多選按鈕選擇光照、土壤類型、風格、植栽類別與目標 · 並以自由文字輸入地點、面積與備註
- Claude AI 分析 — 輸出植物名稱、角色、原因與英文 3D 提示詞 · 前次評估問題在重試時回饋，實現自我優化輸出
- 3D 模型生成 — Tripo 3D 依提示詞建構模型 · 即時顯示生成進度百分比
- Claude Vision 評分 — evaluateModel() 分析模型縮圖 · 評分 ≥ 7 儲存結果 · 評分 < 7 自動優化提示詞並重新生成 · 最多重試 3 次
UX 設計亮點
- 多選按鈕 — 非專業用戶無需打字即可在數秒內選定條件 · 涵蓋光照、土壤、風格、植栽類型、特性與目標
- 迭代卡片 — 每次生成嘗試以獨立卡片呈現 · 清楚標示嘗試次數與剩餘重試次數 · 操作按鈕：檢視 3D · 下載 · 重新繪製 · 上色
- 互動式 3D 檢視器 — 單指旋轉 · 雙指縮放與平移 · 透過 WebView + @google/model-viewer GLB 播放器渲染
- 透明進度顯示 — 圓形進度條 + 百分比 + 即時狀態文字， 隨時可按停止鈕中止
