Dashboard
Project management & creation
AI Chat Agent
Conversational design & iteration
Mobile Preview
Real-time schema renderer
Code Editor
Monaco JSON / code editor
TanStack Start
React SSR + streaming server functions
Studio Agent
Plan-first design workflow per project
MCP Agent
Cross-project tool orchestration
Schema Validator
Auto-verify after every write
🔧 MCP Server — 25+ Tools
Primary LLM via Vertex AI — design briefs & schema generation
Mockups & in-app asset generation
Google's framework for multi-agent orchestration
Primary AI platform — Gemini + Imagen 4.0 + Agent Engine
Serverless hosting — app + ADK agent service
CI/CD pipeline for both services
Schemas, chat history, credits, threads
Google OAuth + email + RLS
AI-generated image assets
30 curated font families
🔄 Plan-First Agentic Workflow
🏗️ Technology Summary
AI & Agents
- • Gemini 2.5 Flash (fast briefs) + Pro (schema gen)
- • Gemini Flash Image (mockups & assets)
- • Vertex AI — primary AI platform + Imagen 4.0
- • Agent Development Kit (ADK) — Google's agent framework
- • MCP Server with 25+ surgical tools
- • Multi-agent: Studio Agent + MCP Agent (ADK orchestrated)
Infrastructure
- • Cloud Run (2 services: app + ADK agent)
- • Cloud Build (CI/CD with Docker)
- • Supabase (PostgreSQL + Auth + Storage)
- • TanStack Start (React SSR + streaming)
- • Multi-provider fallback: OpenAI, Anthropic, Groq