Live-Vorschau & Sandbox

Jede Anwendung in Seemodo läuft in einer Live-Cloud-Sandbox. Das ist eine echte Entwicklungsumgebung — dein Code läuft, du kannst mit deiner App interagieren, und Änderungen erscheinen sofort.

Wie die Sandbox funktioniert

Wenn du einen HiFi-Screen generierst oder ein Projekt öffnest, stellt Seemodo eine Cloud-Sandbox bereit:

Eine frische Entwicklungsumgebung startet
Dein Projekt-Code wird synchronisiert
Ein Dev-Server mit Hot-Reload startet
Die Live-Vorschau erscheint in deinem Workspace

Das Sandbox Panel

Im Visual Designer: Klick auf das Terminal-Icon neben dem Generieren-Button.

AI Coder (OpenCode)

Ein vollständiger KI-Coding-Assistent mit Dateisystem-Zugriff:

Neue Dateien und Komponenten erstellen
Mehrere Dateien gleichzeitig bearbeiten
Routing, State-Management und komplexe Features einrichten
Pakete installieren

Terminal

Eine vollständige Kommandozeile verbunden mit deiner Sandbox:

npm install axios
ls src/components/
cat package.json

Git

Versionskontrolle in der Sandbox:

Aktuellen Branch anzeigen
Geänderte Dateien mit Status sehen
Commit-Nachrichten schreiben und committen
Commit-Verlauf mit Diffs ansehen

Vite Logs

Echtzeit-Build-Ausgabe des Entwicklungsservers:

Kompilierungsfehler
HMR-Updates (Hot Module Replacement)
Warnungen und Debug-Info

Status-Indikatoren

Indikator	Bedeutung
Grüner Punkt	Sandbox läuft und ist synchronisiert
Spinner	Sandbox startet
Terminal-Icon (aktiv)	Sandbox Panel ist offen
Terminal-Icon (deaktiviert)	Noch keine Sandbox aktiv

Nächste Schritte

Seemodo Cloud

Datenbank zur Sandbox-App hinzufügen

GitHub

Sandbox mit GitHub verbinden

Flow Generation Seemodo Cloud

​Live-Vorschau & Sandbox

​Wie die Sandbox funktioniert

​Das Sandbox Panel

​AI Coder (OpenCode)

​Terminal

​Git

​Vite Logs

​Status-Indikatoren

​Nächste Schritte