Live-Vorschau
Echtzeit-Vorschau deines Projekts.
So funktioniert es
Jedes Projekt läuft in einem eigenen Workspace 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
- Workspace starten / stoppen — den Workspace hochfahren oder herunterfahren
Einen Screenshot-Knopf gibt es nicht. Der Agent nimmt die Vorschau selbst auf, wenn er das Ergebnis einer Änderung sehen muss.
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 bekommt:
- einen eigenen Dateibaum mit eigenen Abhängigkeiten
- einen eigenen Entwicklungs-Server (Vite)
- einen eigenen Backend-Prozess (FastAPI, bei Web App)
- automatische Leerlauf-Erkennung und Ruhezustand
Projektcode läuft unter einem unprivilegierten Systembenutzer, getrennt vom Konto, unter dem die Plattform selbst läuft. Wo der Runner-Host es zulässt, sperren zusätzlich Egress-Firewall-Regeln interne Service-Ports und die Cloud-Metadaten-Endpunkte.
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.