Live-Vorschau

So funktioniert es

Jedes Projekt läuft in einem isolierten Workspace-Container mit eigenem Vite-Entwicklungs-Server. Die Vorschau zeigt dein Projekt genau so, wie Nutzer:innen es sehen werden.

Echtzeit-Updates

Änderungen erscheinen sofort in der Vorschau:

• KI-Edits — die Vorschau aktualisiert sich, während die KI Code schreibt
• Design-Mode-Edits — Änderungen werden sofort übernommen
• HMR (Hot Module Replacement) — kein vollständiges Neuladen nötig

Vorschau-Toolbar

Wenn der Vorschau-Tab aktiv ist, zeigt die Toolbar:

• Aktualisieren — vollständiges Neuladen erzwingen
• Responsive Ansichten — Desktop-, Tablet-, Mobile-Viewports
• In neuem Tab öffnen — Vorschau in einem separaten Browser-Tab ansehen
• Screenshot — den aktuellen Zustand als Screenshot aufnehmen

Backend-Vorschau

Bei Web-App-Projekten liefert die Vorschau auch deine Backend-API aus. Der Frontend-Proxy leitet /api/-Anfragen automatisch an den Backend-Server.

Cloud-Workspaces

Jeder Workspace läuft in einem eigenen Docker-Container mit:

• isoliertem Dateisystem
• eigenem Entwicklungs-Server (Vite)
• eigenem Backend-Prozess (FastAPI, bei Web App)
• automatischer Leerlauf-Erkennung und Ruhezustand

Workspace-Stabilität

Der Workspace bleibt aktiv, während der KI-Agent arbeitet — auch wenn du den Browser-Tab wechselst. Nach einer Phase der Inaktivität geht er automatisch in den Ruhezustand und wacht auf, wenn du zurückkommst.