3D AI Property

A flat description in plain text. Built an AI 3D-tour generator for property listings. Photos go in, an explorable first-person walkthrough drops out in seconds.

• 01User surface

  The whole experience the user sees

  This frame shows the live product: ai-generated 3d properties and interiors, walkable in fpv · with a manual editor and drone view. Every component is ours · scope, design, code, deploy.

• 02Stack behind the screen

  What's powering it: Next.js, TypeScript, OpenRouter

  4 stack components run behind this frame · Next.js, TypeScript, OpenRouter drive the visible UI; the rest sit in the data layer. All studio-owned.

• 03What we shipped

  AI-generated 3D buildings and interiors

  Walkable 3D plan in seconds

• 04Status

  Private deploy · under NDA.

  Per the client's request the URL stays private · the build, architecture, and lessons can be shared in a scoping call.

• 01 · BRIEF

  What level of fidelity is enough?

  Pin the fidelity bar: a buyer needs to feel the layout, not see a CAD-grade render. We scoped to room-level walls, doors, windows, and 10 interior styles · everything beyond was deferred.

• 02 · ARCHITECTURE

  Stack decisions before any code.

  Decision doc captured the data flow, Next.js, TypeScript, OpenRouter, SQLite role split, and the failure modes we'd handle in v1 vs defer. Cross-service boundaries (where AI ends and the web app begins) were drawn here so neither side leaked into the other later.

• 02 · BUILD

  Spec → JSON layout → walkable 3D.

  Two-stage AI pipeline: first an LLM converts the prose spec into a deterministic JSON layout (rooms, walls, openings); then a generator renders walkable 3D + interior from that JSON with a chosen style preset.

• 04 · POLISH

  Performance, accessibility, and observability.

  PSI / a11y / coverage budgets enforced as launch gates. Logging + metrics wired before cut-over · the team can answer 'is it working?' from a dashboard, not a Slack thread. Threat-model checklist signed off before traffic hits the box.

• 03 · SHIP

  FPV walk + drone fly + manual edit.

  Three viewing modes shipped over the same scene · a manual editor lets buyers and designers nudge walls, swap finishes, switch styles without regenerating from scratch.

• 01Pipeline

  Two-stage prose → JSON → 3D

  Deterministic intermediate JSON makes the output reproducible and editable · no opaque black-box render.

• 02FPV

  First-person walkthrough

  WASD + mouse navigation in the browser · the buyer feels the layout instead of guessing from photos.

• 03Drone

  Top-down drone fly-through

  Cinematic top-down view for marketing assets · embeddable in listing portals.

• 04Editor

  Live manual tweak

  Move walls, swap finishes, switch interior styles · all without re-running the generator.

• 
  01Frame

  Brief input · plain English, scope picker, starter prompts

  Brief textarea + scope (Full property / House only / Interior focus) + family / luxury / quirky starter prompts on a 30×30m grid · no CAD knowledge required.

• 
  02Frame

  Designing · AI lays out 14 rooms across 2 levels

  Step 2/2 'Designing' runs · the room layout panel renders the floor plan in 2D coloured cells while the 3D scene grows walls and stairs in real time.

• 
  03Frame

  Exterior · style preset 'Realistic' applied

  Same property re-rendered with a realistic preset · hip roof, painted exterior, window placement reads correctly. Style swap is a click, not a re-generation.

• 
  04Frame

  Stack view · interior breakdown by room

  Building stripped to walls + furniture, coloured per room (sleeping / living / wet / utility) · the buyer reads the floor mix from above before stepping into FPV.