Landscape 3D Generator

AI-Powered Planting Design · Claude Vision Quality Loop · Tripo 3D Generation · APP

The landscape 3D generator AI tool combines spatial planting intelligence with real-time 3D visualization. A landscape planting design assistant app that combines Claude AI text generation and 3D model rendering. Fill in your site conditions — sunlight, soil, style, area — and the app automatically recommends plants and produces an interactive 3D landscape model you can rotate and zoom directly on your phone.

Core Stack

  • React Native + Expo + Node.js + Anthropic Claude SDK · Tripo 3D generation API · real-time progress stream
Form Input Screen
Result Card Screen

AI Generation Pipeline

  • Fill the form — select sunlight, soil type, style, plant category, goals via pill multi-select buttons · add location, area, and optional notes as free text
  • Claude AI analyzes — plant names, roles, reasons, and an English 3D prompt · previous evaluation issues feed back in on retry for self-improving output
  • 3D model generated — Tripo 3D builds the model from the prompt · real-time progress percentage
  • Claude Vision scores — evaluateModel() analyzes the model thumbnail · score ≥ 7 saves the result · score < 7 auto-optimizes the prompt and regenerates · maximum 3 retry cycles

UX Design Highlights

  • multi-select buttons — non-specialist users pick conditions in seconds without typing · covers sunlight, soil, style, plant type, traits, and goals
  • Iteration cards — each generation attempt shown as an independent card · clearly labels attempt number and remaining retries · action buttons: View 3D · Download · Redraw · Add Color
  • Interactive 3D viewer — single-finger rotate · two-finger pinch zoom and pan · rendered via WebView + @google/model-viewer GLB player
  • Transparent progress — circular progress bar + percentage + live status text (e.g. “Analyzing landscape conditions…”) · stop button available at any point
App Screen 1
App Screen 2
App Screen 3