Zum Hauptinhalt springen
Seemodo bietet einen umfassenden Satz von API-Endpunkten für Code-Generierung, Sandbox-Verwaltung und verschiedene Utilities.

​
Code-Generierung

​
Generate AI Code Stream

​
/api/generate-ai-code-stream
Vollständige Anwendungs-Generierung mit KI streamen.
POST /api/generate-ai-code-stream

{
  "prompt": "Erstelle eine Todo-App mit dunklem Theme",
  "sandboxId": "sandbox_123",
  "model": "google/gemini-3-pro-preview",
  "images": ["data:image/png;base64,..."]
}
Antwort: Server-Sent Events (SSE) Stream mit Code-Chunks.

​
Generate Screen

​
/api/generate-screen
Eine einzelne React-Screen-Komponente generieren.
POST /api/generate-screen

{
  "prompt": "Benutzer-Profil Einstellungsseite",
  "width": 375,
  "height": 840,
  "isWireframe": false,
  "sandboxId": "sandbox_123",
  "deepDesign": true,
  "maxMode": false,
  "pageType": "normal",
  "images": []
}

​
Generate Flow

​
/api/generate-flow
KI generiert eine Liste von Screens für einen kompletten App-Flow.
POST /api/generate-flow

{
  "context": "E-Commerce App für Modemarke",
  "screenCount": 5,
  "images": []
}
Antwort: 
{
  "screens": [
    { "name": "Home", "prompt": "Produkt-Entdeckung..." },
    { "name": "Produkt Detail", "prompt": "..." },
    { "name": "Warenkorb", "prompt": "..." }
  ]
}

​
Generate Wireframe

​
/api/generate-wireframe
tldraw Wireframe-Formen generieren.
POST /api/generate-wireframe

{
  "prompt": "Dashboard-Layout mit Seitenleiste",
  "width": 1440,
  "height": 900
}

​
Code-Bearbeitung

​
Apply AI Code Stream

​
/api/apply-ai-code-stream
KI-generierte Code-Änderungen via Streaming anwenden.
POST /api/apply-ai-code-stream

{
  "sandboxId": "sandbox_123",
  "prompt": "Dark-Mode Toggle hinzufügen",
  "context": { "files": [...] }
}

​
Edit Screen

​
/api/edit-screen
Bestehenden Screen mit KI bearbeiten.
POST /api/edit-screen

{
  "sandboxId": "sandbox_123",
  "screenId": "screen_456",
  "editPrompt": "Button-Farbe zu Lila ändern"
}

​
Analyze Edit Intent

​
/api/analyze-edit-intent
Analysieren welche Dateien für eine Bearbeitungs-Anfrage modifiziert werden müssen.
POST /api/analyze-edit-intent

{
  "prompt": "Benutzer-Authentifizierung hinzufügen",
  "files": [...]
}

​
Sandbox-Verwaltung

​
Create Sandbox

​
/api/create-ai-sandbox-v2
Neue Sandbox-Instanz erstellen.
POST /api/create-ai-sandbox-v2

{}
Antwort: 
{
  "sandboxId": "sandbox_123",
  "url": "https://vorschau-url.modal.run",
  "apiUrl": "https://api-url.modal.run",
  "opencodeUrl": "https://opencode-url.modal.run"
}

​
Kill Sandbox

​
/api/kill-sandbox
Sandbox-Instanz beenden.
POST /api/kill-sandbox

{
  "sandboxId": "sandbox_123"
}

​
Sandbox Status

​
/api/sandbox-status
Aktuellen Status einer Sandbox prüfen.
GET /api/sandbox-status
Antwort: 
{
  "success": true,
  "active": true,
  "healthy": true,
  "sandboxData": {
    "sandboxId": "sandbox_123",
    "url": "https://..."
  }
}

​
Get Sandbox Files

​
/api/get-sandbox-files
Alle Dateien in einer Sandbox auflisten.
Antwort: 
{
  "success": true,
  "files": {
    "src/App.tsx": "...",
    "src/index.css": "..."
  },
  "structure": "."
}

​
Fehler-Behandlung

​
Report Vite Error

​
/api/report-vite-error
Vite Build-Fehler zur automatischen Behebung melden.
POST /api/report-vite-error

{
  "sandboxId": "sandbox_123",
  "error": "Cannot find module '@/components/Button'"
}

​
Check Vite Errors

​
/api/check-vite-errors
Auf Build-Fehler in der Sandbox prüfen.

​
Paket-Verwaltung

​
Install Packages

​
/api/install-packages
npm-Pakete in der Sandbox installieren.
POST /api/install-packages

{
  "sandboxId": "sandbox_123",
  "packages": ["lodash", "framer-motion"]
}

​
Detect and Install

​
/api/detect-and-install-packages
Automatisch fehlende Pakete aus Code erkennen und installieren.

​
Brainstorm

​
Bootstrap Brainstorm

​
/api/brainstorm/bootstrap
Plan-Modus Session starten.
POST /api/brainstorm/bootstrap

{
  "prompt": "Komplexes Dashboard mit Authentifizierung erstellen"
}

​
Probe Brainstorm

​
/api/brainstorm/probe
Brainstorm-Frage beantworten.
POST /api/brainstorm/probe

{
  "sessionId": "session_123",
  "answer": "E-Mail und Google OAuth"
}

​
Seemodo Cloud

​
Cloud Management

​
/api/seemodo-cloud
Supabase Cloud-Integration verwalten.
POST /api/seemodo-cloud
Headers: { "X-Supabase-Token": "..." }

{
  "action": "activate",
  "projectRef": "abcdefghijklmnop",
  "sandboxId": "sandbox_123",
  "sandboxApiUrl": "https://..."
}
Aktionen:
  • activate - Supabase-Projekt mit Sandbox verbinden
  • create-project - Neues Supabase-Projekt erstellen
  • status - Verbindungsstatus prüfen

​
Utilities

​
Enhance Prompt

​
/api/enhance-prompt
Benutzer-Prompt mit KI verbessern.
POST /api/enhance-prompt

{
  "prompt": "Login-Seite",
  "type": "single"
}

​
Scrape Website

​
/api/scrape-website
Website-Inhalt und Struktur extrahieren.
POST /api/scrape-website

{
  "url": "https://example.com"
}

​
Proxy Image

​
/api/proxy-image
Bild durch Proxy laden um CORS zu umgehen.
GET /api/proxy-image?url=https://example.com/image.png

​
Create ZIP

​
/api/create-zip
Projekt-Dateien als ZIP herunterladen.
POST /api/create-zip

{
  "sandboxId": "sandbox_123"
}

​
Fehler-Antworten

Alle Endpunkte geben konsistente Fehler-Antworten zurück: 
{
  "error": "Fehlermeldung",
  "details": "Zusätzlicher Kontext",
  "code": "ERROR_CODE"
}
Status-CodeBedeutung
400Ungültige Anfrage - fehlende Parameter
401Nicht autorisiert - fehlende Authentifizierung
404Nicht gefunden - Ressource existiert nicht
429Rate Limit überschritten
500Server-Fehler - Check Details