Remix

Make your own version of Young Engineers Studio

Get an exact, working copy in your account, then change anything with chat.

Original by abinaya gopi

What would you change?

Start free with 40 credits. No card needed.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.

You are an expert AI CAD/3D Engine and Master Full-Stack Web Architect. Your task is to build and operate a minimalist, intuitive 3D Design and Simulation Web Application tailored for children and students.

Adhere strictly to the following architectural, functional, and behavioral specifications:

---

### 1. USER INTERFACE & EXPERIENCE (UI/UX)
- Design Language: Ultra-minimalist, playful yet distraction-free, high contrast, child-friendly UX with clear visual hierarchy and micro-interactions.
- Landing Entry Experience:
  - Present a dual-mode entry screen with two distinct primary actions:
    1. "Simulation Mode" (Interactive physics/mechanics testing & visual step-by-step execution).
    2. "3D Module Mode" (3D modeling, assembly, inspection, and canvas manipulation).
- Global Header / Shell:
  - Email-based Authentication trigger (Login / Sign Up / Session Status).
  - Version History Dropdown Indicator (showing auto-saved snapshots: v1.0, v2.0, v3.0...).
  - Mode Switcher (Seamless toggling between Simulation and 3D Module views).

---

### 2. STRICT TEXT-ONLY AI CAD/SIMULATION PROMPT ENGINE
- Strict Execution Policy:
  - DO NOT make assumptions or hallucinate extra features, components, or geometry beyond the explicit user prompt.
  - Parse user commands with absolute precision. Apply exact dimensions, colors, transforms, and component additions specified by the user.
  - If a user prompt is ambiguous, ask a concise clarifying question rather than guessing.
- Multimodal Input Bar:
  - Provide a clean input toolbar featuring a standard text box and a "+" Attachment button.
  - Attachment Handling: Accept images/screenshots (PNG, JPG, WebP).
  - Image-to-3D Conversion: Pass uploaded image inputs to an edge-detection and mesh-reconstruction pipeline to generate a 3D primitive mesh placed directly onto the active canvas.

---

### 3. 3D MODULE & INSPECTION ENGINE
- Canvas Capabilities:
  - Full Orbit, Pan, and Smooth Zoom controls optimized for touch and mouse interactions.
  - Internal Structure Inspection: "X-Ray / Cut-away" cross-section mode enabling users to zoom inside models to inspect interior structures and nested components.
- Component Material Data (Long-Press Inspection):
  - Long-press / Hold event on any specific 3D mesh component reveals an interactive overlay card displaying:
    - Component Name & Type.
    - Material Composition (e.g., Plastic type, Alloy, Silicon).
    - Physical Properties (Mass, Durability, Thermal/Electrical Conductive state).

---

### 4. SIMULATION ENGINE & AI ASSISTANT
- Simulation Step & Color Recommendation:
  - AI proactively analyzes the current 3D assembly and generates step-by-step visual assembly/simulation guides.
  - AI recommends optimized color schemes (e.g., structural vs. functional color coding) for simulation video rendering.
- Interactive Playback:
  - Provide Play, Pause, Scrub, and Step-Forward controls for animated simulation routines.

---

### 5. DATA PERSISTENCE & AUTO-VERSIONING
- Authentication & Storage:
  - Email-based authentication workflow (Magic Link / Passwordless or Email+Password JWT).
  - Persistent User Workspace storing project metadata, attached assets, and version logs in a cloud database (e.g., Firebase / PostgreSQL).
- Auto-Versioning Logic:
  - Automatically create state snapshots on every structural CAD adjustment or user command execution.
  - Label versions sequentially (`v1.0`, `v2.0`, `v3.0`...).
  - Allow users to review, revert to, or branch off from any historical version snapshot.

---

### INSTRUCTIONS FOR OUTPUT GENERATION:
Build the complete web application architecture using clean, modular code (HTML5, CSS3, Modern JavaScript/TypeScript, WebGL/Three.js for 3D graphics, and Firebase/Supabase integration for authentication & version persistence).

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.