Multimodal Asset Ingestion, Brand Tokens & 3D Mockups

Autonomous browser scraping, computed CSS brand extraction, visual reference galleries, and synthesized 16:9 3D layout mockups.
Published: 7/10/2026

Multimodal asset management grounds 3D configurator planning in real-world brand identity and visual references. The Dev-Planner ingests inspiration photos, CAD renderings, color swatches, and live website captures.

Autonomous browser ingestion visits live e-commerce URLs in Chromium, captures high-resolution 1080p hero screenshots, and extracts computed CSS brand colors from stylesheets.

Synthesized 16:9 layout mockups provide visual validation for every user step and customizer panel, showing the 3D model framing alongside docked UI controls.

  • Controlled Browser Ingestion: Captures desktop and full-page screenshots into planner/assets/inspiration/ without manual copy-pasting.
  • Live DOM CSS Extraction: Extracts computed primary and accent colors directly from live stylesheets.
  • 16:9 Layout Mockup Synthesis: Synthesizes 3D scene mockups with active camera angle badges and docked customizer panels.
  • Gallery Categorization: Organizes media into inspiration, mockups, cad_models, textures, and documents with AI captioning.