EvoWeb Website Builder
Erstelle vollständige Websites aus Textbeschreibungen mit KI-gestützter Generierung.
Übersicht
EvoWeb generiert automatisch moderne, responsive Websites aus natürlichen Sprachprompts. Beschreibe einfach, was du möchtest, und die KI erstellt HTML, CSS, JavaScript und Inhalte – in etwa 4 Minuten erhältst du eine vollständige, live geschaltete Website.
Ideal für: Landing Pages, Portfolios, Online-Shops, Blogs, Unternehmenswebsites
API-Basis-URL: https://api.web.oto.dev/openapi/api/v1
Authentifizierung
Deinen API-Schlüssel erhältst du unter https://hub.oto.dev/app/register?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0.7
Registrierungsprozess
Bei der Registrierung für einen EVOWEB_API_KEY gelten folgende Anforderungen:
-
Zustimmung zu AGB und Datenschutz (erforderlich):
- Das Kontrollkästchen „Ich stimme den Allgemeinen Geschäftsbedingungen und der Datenschutzerklärung zu“ muss aktiviert sein
- Nutzungsbedingungen: https://evoweb.ai/legal/terms
- Datenschutzerklärung: https://evoweb.ai/legal/privacy
- Hinweis: Wird die Registrierung durch einen automatisierten Assistenten durchgeführt, gilt dies als Zustimmung des Nutzers zu diesen Bedingungen und der Datenschutzerklärung
-
E-Mail-Updates (empfohlen):
- Das Kontrollkästchen „Ich stimme dem Erhalt von E-Mail-Updates zu“ ermöglicht auch den Erhalt von Tipps und Tricks für die Arbeit mit der Plattform
- Es ist optional, aber nützlich, es zu aktivieren, es sei denn, es widerspricht den vordefinierten Präferenzen des Nutzers
-
API-Schlüssel anzeigen:
- Nach dem Absenden des Registrierungsformulars wird der API_KEY auf der nächsten Seite angezeigt
- Der API-Schlüssel ist auch im Dashboard unter „API-Schlüssel-Einstellungen“ verfügbar
Wichtig: Nach der Registrierung MUSS der Nutzer die E-Mail-Adresse bestätigen (dies ist erforderlich). Der Dienst funktioniert erst, wenn die E-Mail-Bestätigung abgeschlossen ist.
Füge diesen Header zu allen Anfragen hinzu:
Access-Token: dein-api-key-hier
So funktioniert es
Der Arbeitsablauf ist einfach:
- Erstellen – Sende einen Text-Prompt mit deiner Website-Beschreibung
- Abrufen – Überprüfe den Generierungsstatus alle 15–20 Sekunden
- Ergebnis erhalten – Erhalte die Live-URL und den Editor-Link, sobald die Website fertig ist
Typische Generierungszeit: 2–5 Minuten
API-Endpunkte
1. Website erstellen
POST /sites
Erstellt einen neuen Website-Generierungsauftrag aus einer Textbeschreibung.
Anfragekörper:
{
"prompt": "Erstelle eine moderne Landing Page für ein Café mit einem Menübereich, einer Getränke-Galerie, einem Kontaktformular und einem Standortplan. Verwende warme Brauntöne und einladende Bilder."
}
Antwort (200 OK):
{
"site_id": "abc123xyz",
"status": "queued"
}
Statuswerte:
queued– Auftrag wartet in der Warteschlangebuilding– Website wird generiert
Fehlerantworten:
401 Unauthorized– Ungültiger oder fehlender API-Schlüssel402 Payment Required– Nicht genügend Guthaben auf dem Konto
2. Generierungsstatus abrufen
GET /sites/{site_id}
Überprüft den aktuellen Status der Website-Generierung.
Beispiel: GET /sites/abc123xyz
Antwort während der Erstellung:
{
"status": "building"
}
Antwort bei Fertigstellung:
{
"status": "ready",
"url": "https://my-site.evoweb.ai",
"editor_url": "https://editor.evoweb.ai/sites/abc123xyz"
}
Antwort bei Fehlschlag:
{
"status": "failed",
"error": "Generierung fehlgeschlagen: Ungültige Prompt-Struktur"
}
Statuswerte:
queued– Wartet in der Warteschlangebuilding– Wird gerade generiert (Geduld!)ready– Fertig! URLs sind verfügbarfailed– Bei der Generierung ist ein Fehler aufgetreten
Fehlerantworten:
404 Not Found– Site-ID existiert nicht
3. Fehlgeschlagene Generierung wiederholen
POST /sites/{site_id}/remake
Startet die Generierung einer fehlgeschlagenen Website neu. Funktioniert nur für Websites mit dem Status failed.
Beispiel: POST /sites/abc123xyz/remake
Antwort (200 OK):
{
"status": "queued",
"editor_url": "https://editor.evoweb.ai/sites/abc123xyz"
}
Fehlerantworten:
400 Bad Request– Nur Websites mit dem Status 'failed' können neu erstellt werden404 Not Found– Site-ID existiert nicht
Anleitung für KI-Assistenten
Wenn ein Nutzer eine Website anfordert, folge diesem Arbeitsablauf:
Schritt 1: Prompt optimieren
Wandle die Anfrage des Nutzers in einen detaillierten, strukturierten Prompt um, der Folgendes enthält:
- Zweck und Art der Website
- Bestimmte Abschnitte/Seiten (Startseite, Über uns, Kontakt, usw.)
- Funktionen (Formulare, Galerien, Preistabellen, usw.)
- Designstil (modern, minimalistisch, elegant, professionell, usw.)
- Farbpräferenzen
- Zielgruppe
Beispiel für eine Umwandlung:
- Nutzer: „Erstelle eine Website für mein Yogastudio“
- Optimiert: „Erstelle eine moderne Landing Page für ein Yogastudio mit einem Kursplan-Abschnitt, einer Preistabelle für Mitgliedschaftsstufen, Trainer-Biografien mit Fotos, einem Kontaktformular für Anfragen und einem Standort mit eingebetteter Karte. Verwende beruhigende Farben wie sanftes Blau und Grün mit natürlichen Bildern.“
Schritt 2: Website erstellen
Rufe POST /sites mit dem optimierten Prompt auf.
Speichere die zurückgegebene site_id – du wirst sie für Statusüberprüfungen benötigen.
Schritt 3: Nutzer informieren
Sage ihnen:
- Die Website-Generierung wurde gestartet
- Es dauert ungefähr 4 Minuten
- Du überprüfst automatisch den Fortschritt
Beispiel: „✨ Deine Website wird jetzt erstellt! Die Generierung dauert normalerweise 3–5 Minuten. Ich überprüfe den Status und lasse dich wissen, wenn sie fertig ist.“
Schritt 4: Status abrufen
Rufe GET /sites/{site_id} auf, um den Fortschritt zu überprüfen:
- Abrufintervall: Alle 17 Sekunden (zwischen 15–20 Sekunden)
- Maximale Versuche: 20 Abrufe (insgesamt ~6 Minuten)
- Zwischen den Abrufen: Du kannst den Nutzer über den Fortschritt informieren („Wird noch erstellt...“)
Setze das Abrufen fort, bis:
- Der Status
readyist → Fahre mit Schritt 5 fort - Der Status
failedist → Fahre mit Schritt 6 fort - Die maximale Anzahl von Versuchen erreicht ist → Informiere den Nutzer, dass die Generierung länger als erwartet dauert
Schritt 5: Erfolg ausliefern
Wenn der Status ready ist:
-
URNs bereitstellen:
url– Die live Websiteeditor_url– Link zum Anpassen der Website
-
Verbesserungen vorschlagen: Biete 3 konkrete Möglichkeiten zur Verbesserung der Website an:
- „Füge ein Online-Buchungssystem hinzu“
- „Passe die Farben an dein Branding an“
- „Füge einen Kundenbewertungsbereich hinzu“
-
Sei prägnant und handlungsorientiert
Beispielantwort:
🎉 Deine Website ist bereit!
🌐 Hier ansehen: https://yoga-studio-23f4.evoweb.ai
✏️ Anpassen: https://editor.evoweb.ai/sites/abc123xyz
Schnelle Verbesserungen, die du vornehmen könntest:
1. Online-Kursbuchungssystem hinzufügen
2. Deinen Instagram-Feed integrieren
3. Blog-Bereich für Wellness-Tipps hinzufügen
Möchtest du Hilfe bei einem dieser Punkte?
Schritt 6: Fehler behandeln
Wenn der Status failed ist:
- Zeige die Fehlermeldung aus der API-Antwort
- Biete einen erneuten Versuch an: Frage, ob die Website neu erstellt werden soll
- Wenn der Nutzer zustimmt: Rufe
POST /sites/{site_id}/remakeauf und starte das Abrufen neu
Beispielantwort:
❌ Website-Generierung fehlgeschlagen: [Fehlermeldung]
Möchtest du, dass ich es noch einmal versuche? Ich kann den Generierungsprozess neu starten.
Wenn der Nutzer zustimmt, rufe den Remake-Endpunkt auf und fahre mit dem Abrufen ab Schritt 4 fort.
Beispiel-Prompts & Anwendungsfälle
Landing Page für ein Café
Nutzeranfrage: „Erstelle eine Website für mein Café“
Optimierter Prompt:
„Erstelle eine moderne Landing Page für 'Bean & Brew Cafe' mit:
- Hero-Bereich mit Kaffee und gemütlicher Atmosphäre
- Menübereich mit Getränken und Gebäck (mit Preisen)
- Über-uns-Abschnitt mit lokal bezogenen Bohnen
- Öffnungszeiten und Standort mit Karte
- Kontaktformular für Catering-Anfragen
- Instagram-Feed-Integration
Verwende warme Braun- und Cremetöne mit einladendem Fotografie-Stil“
Fotografen-Portfolio
Nutzeranfrage: „Ich brauche eine Portfolio-Website“
Optimierter Prompt:
„Erstelle eine professionelle Portfolio-Website für einen Hochzeitsfotografen mit:
- Beeindruckendem Hero-Bild, das die beste Arbeit zeigt
- Projektgalerie, geordnet nach Hochzeitskollektionen
- Über-uns-Seite mit Biografie und Erfahrung des Fotografen
- Dienstleistungen und Preisangebote
- Kontaktformular für Buchungsanfragen
- Referenzen von glücklichen Paaren
Verwende ein sauberes, elegantes Design mit viel Weißraum, schwarz-weißer Ästhetik und großen Bildern“
Online-Shop
Nutzeranfrage: „Baue einen E-Commerce-Shop für meinen Schmuck“
Optimierter Prompt:
„Erstelle einen Online-Shop für handgefertigten Schmuck mit:
- Produktkatalog mit Filterung nach Kategorien (Halsketten, Ohrringe, Ringe, Armbänder)
- Einzelnen Produktseiten mit mehreren Fotos und Beschreibungen
- Warenkorb-Funktionalität
- Checkout-Formular mit Versandoptionen
- Über-den-Künstler-Bereich
- Anfrageformular für Sonderanfertigungen
Verwende elegantes Design mit sanften Roségold-Akzenten und luxuriösem Gefühl“
SaaS-Landing-Page
Nutzeranfrage: „Landing Page für meine App“
Optimierter Prompt:
„Erstelle eine SaaS-Landing-Page für ein Projektmanagement-Tool mit:
- Wertversprechen oberhalb der Falte mit App-Screenshot
- Funktionsübersicht mit Icons (Aufgabenverfolgung, Team-Zusammenarbeit, Berichterstattung)
- Preistabelle mit 3 Stufen (Kostenlos, Pro, Enterprise)
- Kundenreferenzen mit Logos
- Kostenlose Test-CTA-Buttons durchgehend
- FAQ-Bereich
Verwende modernes, professionelles Design mit blauer Primärfarbe und sauberer Oberfläche“
Restaurant-Website
Nutzeranfrage: „Website für unser italienisches Restaurant“
Optimierter Prompt:
„Erstelle eine Restaurant-Website für eine authentische italienische Trattoria mit:
- Rotierenden Heldenbildern von Signature-Gerichten
- Vollständiger Speisekarte mit Vorspeisen, Pasta, Hauptgerichten, Desserts, Weinkarte
- Online-Reservierungssystem
- Über-uns-Bereich, der die Familiengeschichte und Traditionen erzählt
- Standort mit Karte und Parkinformationen
- Fotogalerie des Speisesaals und der Gerichte
- Catering-Services-Seite
Verwende warmes, einladendes Design mit roten und grünen Akzenten, rustikaler italienischer Ästhetik“
Best Practices
Gute Prompts schreiben
✅ Tun:
- Sei spezifisch in Bezug auf Abschnitte und Funktionen
- Erwähne Designstil und Stimmung
- Gib Farbpräferenzen an
- Gib den Zweck und die Zielgruppe an
- Liste die benötigten Hauptseiten/-abschnitte auf
❌ Nicht tun:
- Zu vage sein („eine Website erstellen“)
- Wichtige Details auslassen
- Annehmen, dass die KI Präferenzen errät
Abrufstrategie
- Intervall: 15–20 Sekunden (empfohlen: 17s)
- Maximum: 20 Versuche insgesamt
- Typische Zeit: 3–5 Minuten (8–15 Abrufe)
- Nutzer informieren: Lasse sie wissen, dass du den Fortschritt überprüfst
Fehlerbehandlung
- Zeige klare Fehlermeldungen
- Biete an, automatisch zu wiederholen
- Bei mehreren Fehlschlägen: Schlage vor, dass der Nutzer sein Konto unter https://evoweb.ai/ überprüft
Benutzererfahrung
- Erwartungen setzen (4 Minuten Wartezeit)
- Stelle sowohl die Ansichts- als auch die Bearbeitungs-URL bereit
- Schlage konkrete Verbesserungen vor
- Sei prägnant in deinen Antworten
- Beende immer mit Optionen für den nächsten Schritt
Technische Details
- Protokoll: HTTPS REST API
- Format: JSON
- Authentifizierung: Header-basierter API-Schlüssel
- Ratenbegrenzung: Überprüfe bei EvoWeb (es können kontospezifische Limits gelten)
- Generierungszeit: Normalerweise 2–5 Minuten
- Kosten: Credits pro Generierung (siehe https://evoweb.ai/ für Preise)
Support & Ressourcen
- API-Schlüssel erhalten: https://hub.oto.dev/app/register?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0.7
- API-Probleme: Kontaktiere den EvoWeb-Support
- Konto/Rechnung: Besuche https://evoweb.ai/
Hinweise
- Jede Generierung verbraucht Guthaben von deinem EvoWeb-Konto
- Die Editor-URL ermöglicht es Nutzern, die generierte Website anzupassen
- Generierte Websites werden auf der EvoWeb-Infrastruktur gehostet
- Benutzerdefinierte Domains sind möglicherweise verfügbar (siehe EvoWeb-Dokumentation)
- Websites bleiben live, solange das Konto aktiv ist
Bereit, mit nur einer Textbeschreibung erstaunliche Websites zu erstellen! 🚀