Ein guter Prompt für einen KI-Website-Builder nennt das Ziel, die Zielgruppe, die Seiten, die Funktionen mit Daten oder Logins, eventuelle Zahlungen oder E-Mails und den gewünschten Look. Eine klare Nachricht mit angehängten Referenzdateien schlägt zehn vage, denn jeder Build verbraucht einen Teil des Kontingents Ihres Tarifs.
- Arbeiten Sie mit sechs Teilen: Ziel, Zielgruppe, Seiten, Daten und Funktionen, Integrationen, Look.
- Beschreiben Sie jede Funktion, die Daten speichert oder einen Login braucht, und wer was sehen darf. Genau dort scheitern vage Prompts.
- Nennen Sie die externen Dienste, die Sie nutzen wollen, etwa Stripe oder Ihr E-Mail-Konto, damit der Build sie für Ihre Schlüssel vorbereitet.
- Hängen Sie Ihre eigenen Dateien an und sagen Sie, wofür jede gedacht ist.
- Formulieren Sie Änderungswünsche nach Seite, Element und Ergebnis und bündeln Sie sie in einer Nachricht.
Warum die erste Nachricht so wichtig ist
Bei WisyLink zieht jeder Build vom rollierenden Kontingent Ihres Tarifs ab, das aus einem 5-Stunden-Fenster und einem Wochenfenster besteht. Im kostenlosen Community-Tarif füllt ein Build das 5-Stunden-Fenster. Eine erste Nachricht, der die Hälfte der Anforderungen fehlt, kostet Sie also einen Build und eine Wartezeit, bevor Sie nachbessern können.
Die erste Nachricht legt außerdem die Struktur der Website fest: welche Seiten es gibt, was gespeichert wird, welche Arten von Nutzern es gibt und was jede sehen darf. Farben, Texte und Layout lassen sich später günstig ändern. Teuer umzubauen ist die Struktur, denn eine neue Rolle oder eine neue Art von Datensatz betrifft viele Seiten gleichzeitig. Die Struktur gehört deshalb in die erste Nachricht.
Eine vollständige Nachricht bedeutet auch weniger Rückfragen. Wisy, der Chat-Assistent, stellt eine kurze Frage, sobald etwas Wesentliches fehlt, und baut erst, wenn er alles Nötige hat. Je mehr die Nachricht vorab beantwortet, desto früher startet der Build. Die Lücke zwischen dem, was Sie meinen, und dem, was gebaut wird, ist real; unser Essay über Intent-Treue erklärt, wo sie entsteht.
Die Prompt-Formel in 6 Teilen
Decken Sie diese sechs Teile in dieser Reihenfolge ab, dann muss der erste Build viel weniger raten:
- Ziel. Was die Website erreichen soll, in einem Satz. „Vor dem Start Anmeldungen für die Warteliste sammeln“, nicht „eine Website für mein Start-up“.
- Zielgruppe. Wer sie nutzt, einschließlich jeder Nutzerart: Besucher, Mitglieder, Kunden, Mitarbeitende, Admins.
- Seiten. Zählen Sie sie auf, oder die Abschnitte eines Onepagers.
- Daten und Funktionen. Was gespeichert wird, wer es sehen oder ändern darf, und die Regeln: Kapazitäten, Pflichtfelder, Datumsgrenzen, Status.
- Integrationen. Zahlungen, E-Mail-Versand, Social Login oder ein anderer Dienst mit API. Sagen Sie, was jeder tun soll; die Schlüssel tragen Sie nach dem Build unter Integrationen ein, nie im Chat.
- Look. Zwei oder drei Adjektive, Ihre Farben, Ihr angehängtes Logo und die Sprache oder Sprachen der Website.
| Prompt-Teil | Schwache Fassung | Starke Fassung |
|---|---|---|
| Ziel | „Eine Website für mein Yogastudio“ | „Neue Teilnehmende sollen online eine erste Stunde buchen“ |
| Zielgruppe | „Alle“ | „Einsteiger zwischen 30 und 60 aus der Umgebung; ich verwalte die Seite allein“ |
| Seiten | „Die üblichen Seiten“ | „Startseite, Stundenplan, Preise, Über uns, Kontakt“ |
| Daten und Funktionen | „Buchungen“ | „Kurs mit max. 10 Plätzen buchen; Name und E-Mail Pflicht; keine Buchung nach Kursbeginn“ |
| Integrationen | „Zahlungen“ | „Stripe-Checkout für eine 10er-Karte; Beleg per E-Mail über mein SMTP-Konto“ |
| Look | „Modern und clean“ | „Ruhig und luftig: Cremeweiß, Salbeigrün, abgerundete Buttons, angehängtes Logo; auf Deutsch“ |
Wie lang sollte der Prompt sein? Lang genug, um die sechs Teile abzudecken; meist sind das ein paar kurze Absätze. Länge ohne Details hilft nicht: Eine lange Geschichte über Ihren Werdegang gibt dem Builder nichts zu bauen. Als Obergrenze akzeptieren die API und die CLI von WisyLink Nachrichten mit bis zu 5.000 Zeichen, mehr als genug für ein ausführliches Briefing.
Können Sie auf Deutsch schreiben? Ja. Wisy antwortet in der Sprache Ihrer letzten Nachricht, ob Deutsch, Englisch, Türkisch oder eine andere. Die Sprache der Website ist davon getrennt: Sie bleibt in der Sprache, in der sie gebaut wurde, es sei denn, Sie bitten ausdrücklich um eine Übersetzung. Schreiben Sie also auf Deutsch, wollen aber eine englische Website, sagen Sie: „Die Website soll auf Englisch sein.“
Vorlagen zum Kopieren für fünf typische Websites
Ersetzen Sie alles in [eckigen Klammern], löschen Sie die optionalen Teile, die Sie nicht brauchen, hängen Sie Ihre Dateien an und schicken Sie ab. Jede Vorlage folgt der Formel in sechs Teilen.
Landingpage mit Warteliste
Erstelle eine einseitige Landingpage für [Produktname], [ein Satz dazu, was es tut] für [Zielgruppe].
Abschnitte: Überschrift und Unterzeile, drei zentrale Vorteile, „So funktioniert's“ in drei Schritten, ein kurzes FAQ und ein Wartelisten-Formular (E-Mail Pflicht, [optional: Unternehmensgröße oder Rolle]).
Speichere jede Anmeldung, lehne doppelte E-Mail-Adressen ab und zeige auf der Seite eine Bestätigung an. Gib mir eine Admin-Seite nur für mich, die die Anmeldungen mit Datum auflistet und einen Download als CSV-Datei erlaubt.
Look: [zwei oder drei Adjektive], [Farben], nutze das angehängte Logo. Sprache: [Sprache].
Warum es funktioniert: ein einziges Ziel, ein Formular und eine klare Regel für Dubletten. Achten Sie auf: eine Überschrift, die mehr verspricht, als Ihr Produkt hält. Formulieren Sie sie mit eigenen Worten neu.
Buchungsseite
Erstelle eine Buchungsseite für [Name des Betriebs], ein(e) [Art des Betriebs] in [Stadt].
Besucher sehen freie [Termine oder Kurse] für die nächsten [zwei] Wochen und buchen mit Name, E-Mail und Telefonnummer. Leistungen: [Liste mit Dauer und Preis oder „siehe angehängte Preisliste“]. Jeder Termin fasst [1] Buchung; ist er voll, kann niemand sonst ihn buchen. Zeige nach der Buchung eine Bestätigungsseite.
Admin-Seite nur für mich: freie Zeiten anlegen oder entfernen, Buchungen ansehen und stornieren. [Optional: Schicke mir und dem Kunden bei jeder Buchung eine E-Mail über mein SMTP-Konto.]
Seiten: Startseite, Leistungen, Buchen, Kontakt. Look: [Stil]. Sprache: [Sprache].
Warum es funktioniert: Kapazität und die Regel „voll heißt voll“ sind ausdrücklich genannt, Buchungen können also nicht kollidieren. Achten Sie auf: Zeitzonen und Öffnungszeiten. Nennen Sie sie, wenn Kunden von anderswo buchen.
Kleiner Online-Shop
Erstelle einen kleinen Online-Shop für [Name des Ladens], der [was] an [wen] verkauft.
Die Produkte stehen in der angehängten Datei [produkte.csv] (Spalten: Name, Kategorie, Preis, Bestand, Beschreibung, Dateiname des Fotos); nutze die angehängten Fotos. Jedes Produkt bekommt eine eigene Seite. Die Shop-Seite filtert nach Kategorie und Preis.
Checkout mit Stripe für [Versand oder Abholung vor Ort]. Speichere jede Bestellung zuerst und markiere sie erst als bezahlt, wenn Stripe die Zahlung bestätigt. Reduziere den Bestand, sobald eine Bestellung bezahlt ist, und zeige bei null „Ausverkauft“ an.
Admin-Seite: Produkte und Bestand bearbeiten, Bestellungen ansehen, als versendet markieren. Look: [Stil]. Sprache: [Sprache].
Warum es funktioniert: Die Daten kommen als saubere Datei, und die Zahlungsregel ist klar benannt. Achten Sie auf: den Wunsch nach einem Suchfeld über einen großen Katalog. WisyLink filtert nach Feldern wie Kategorie und Preis, hat aber keine Volltextsuche; Filter sind also die richtige Anfrage.
Kundenportal
Erstelle ein Kundenportal für [Name der Agentur oder Kanzlei].
Ich lege Kundenkonten auf einer Admin-Seite an; Kunden können sich nicht selbst registrieren. Jeder Kunde meldet sich an und sieht nur seine eigenen Projekte: Status, nächste Schritte und Dateien, die ich für ihn hochlade, privat gespeichert. Kunden können mir Dateien mit jeweils bis zu [Größe] MB zurückschicken und Projekte kommentieren.
Admin-Seite: Kunden und Projekte anlegen, Status ändern, Dateien hochladen, Kommentare lesen. [Optional: Schicke einem Kunden eine E-Mail über mein SMTP-Konto, wenn sich der Status seines Projekts ändert.]
Look: [professionell, minimalistisch], [Markenfarben], das angehängte Logo. Sprache: [Sprache].
Warum es funktioniert: Die Vorlage sagt, wer Konten anlegt und dass jeder Kunde nur seine eigenen Daten sieht, die zwei Entscheidungen, an denen ein Portal hängt. Achten Sie auf: Dateigrößen. Uploads sind auf 25 MB pro Datei begrenzt.
Internes Tool
Erstelle ein internes Tool zur Verwaltung von [Anfragen, Lagerbestand oder Geräten] für unser Team mit [Teamgröße] Personen.
Mitarbeitende melden sich mit Konten an, die ich anlege. Sie können [eine Anfrage anlegen oder ein Gerät ausleihen] mit diesen Feldern: [Felder]. Status: [Neu, In Bearbeitung, Erledigt]. Führungskräfte ändern den Status und weisen Einträge einer Person zu; Mitarbeitende sehen [nur ihre eigenen oder alle] Einträge.
Listenansicht mit Filtern nach Status, Person und Datum sowie eine Übersicht mit der Anzahl pro Status. Nutze die angehängte Datei [datei.xlsx] als Startliste der [Einträge].
Klar, kompakt, für den Desktop optimiert. Sprache: [Sprache].
Warum es funktioniert: Rollen, Status und Sichtbarkeit sind alle benannt. Achten Sie auf: alles, was zu einer exakten Minute laufen muss. Geplante Jobs laufen bei WisyLink in einem Intervall von 30 bis 60 Minuten; das passt für Erinnerungen und Aufräumarbeiten, nicht für präzise Timer.
Lust, eine auszuprobieren? Starten Sie kostenlos mit Community, fügen Sie eine Vorlage ein und hängen Sie Ihre Dateien an.
So nutzen Sie Referenzdateien
Dateien transportieren die Details, die nicht in den Prompt gehören sollten. WisyLink akzeptiert 17 Dateitypen mit jeweils bis zu 25 MB, darunter Bilder (JPEG, PNG, WebP, GIF, HEIC, SVG), PDF, Word, Excel, CSV, Text und JSON. Wofür sich was eignet:
- Logo: als SVG oder PNG mit transparentem Hintergrund, damit es auf jeder Farbe sauber sitzt.
- Speisekarte oder Broschüre als PDF: die verbindliche Quelle für Artikel, Beschreibungen und Preise.
- Preisliste oder Produkt-CSV: eine Zeile pro Artikel, eine Kopfzeile mit einfachen Spaltennamen, einheitlich geschriebene Kategorien und Foto-Dateinamen, die zu den hochgeladenen Fotos passen.
- Vorhandene Texte: Ihr aktueller Über-uns-Text oder Ihre Leistungsbeschreibungen als Word- oder Textdatei, damit die Formulierungen Ihre bleiben.
- Screenshots Ihrer eigenen Marke: Ihr Flyer, Ihre Verpackung oder Ihre aktuelle Website, um Farben und Stimmung zu übernehmen.
Sagen Sie, wofür jede Datei gedacht ist: „Übernimm die Preise aus preise.csv, nutze team.jpg auf Über uns, orientiere dich an den Farben in flyer.pdf.“ Dateien bleiben in den Referenzdateien des Links, spätere Builds können sie also ohne erneuten Upload nutzen. Prüfen Sie bei langen Listen das Ergebnis stichprobenartig gegen die Datei und lassen Sie sich eine Admin-Seite bauen, damit Sie Einträge selbst korrigieren können.
Verwenden Sie eigenes Material. Ein Screenshot der Website eines anderen Unternehmens lädt dazu ein, dessen Design zu kopieren, was weder originell noch rechtlich sicher ist. Beschreiben Sie lieber, was Ihnen daran gefällt: „große Fotos, viel Weißraum, eine kräftige Akzentfarbe“.
Folge-Prompts: Änderungen präzise anfragen
Ein guter Änderungswunsch hat vier Teile: wo, was, die Änderung und die Regel dahinter. Vergleichen Sie:
- Aus „Mach es knalliger“ wird „Mach auf der Startseite den Button ‚Stunde buchen‘ größer und dunkelgrün und zeig ihn auf dem Smartphone ohne Scrollen.“
- Aus „Repariere das Formular“ wird „Das Formular auf der Kontaktseite akzeptiert eine leere E-Mail-Adresse. Mach die E-Mail zum Pflichtfeld und zeig den Fehler unter dem Feld an.“
- Aus „Die Buchungen funktionieren nicht“ wird „Ich habe den Kurs am Dienstag um 18:00 Uhr gebucht, und er zeigt immer noch 10 von 10 freien Plätzen. Jede Buchung soll die Zahl um eins verringern.“
Beschreiben Sie bei Fehlern, was Sie getan haben, was passiert ist und was hätte passieren sollen. Schicken Sie mehrere Korrekturen als eine nummerierte Liste in einer einzigen Nachricht. Und Sie können jederzeit komplett die Richtung wechseln: „Gestalte die ganze Website dunkler und hochwertiger; Inhalte und Seiten bleiben gleich“ ist eine völlig legitime Folgenachricht.
Dahinter steht immer dieselbe Gewohnheit: dem Builder den richtigen Kontext geben statt cleverer Formulierungen, eine Idee, die wir unter Kontext-Engineering vertiefen. Genau das unterscheidet diszipliniertes Prompten vom Raten, wie unser Beitrag über die Disziplin des Vibe Coding zeigt.
Fehler, die Builds verschwenden
- Die Idee häppchenweise schicken. Fünf kurze Nachrichten bedeuten fünf Runden mit Rückfragen oder Builds. Schreiben Sie zuerst das komplette Briefing.
- Weglassen, wer was sehen darf. „Kunden können sich anmelden“ ohne „und sehen nur ihre eigenen Dateien“ ist eine häufige Lücke bei Portalen und Mitgliederbereichen.
- Anfragen, was die Plattform nicht kann. Native Apps für den App Store, KI-generierte Fotos oder Videos, Volltextsuche über einen großen Katalog und minutengenaue Zeitpläne gibt es nicht. Fragen Sie stattdessen nach der Web-App, Stock- oder eigenen Fotos, Filtern und Jobs im 30- bis 60-Minuten-Takt.
- Schlüssel oder Passwörter in den Chat einfügen. Sie gehören unter Integrationen, und Wisy nimmt sie im Chat ohnehin nicht an.
- Versehentlich die Sprache wechseln. Eine Folgenachricht in einer anderen Sprache übersetzt die Website nicht. Bitten Sie ausdrücklich um eine Übersetzung, wenn Sie eine wollen.
- Stilwörter ohne Inhalt. „Modern“ bedeutet nichts ohne Farben, Stimmung und Logo.
- Erfundene Belege verlangen. Ausgedachte Bewertungen, Kundenlogos oder „10.000 zufriedene Kunden“ führen Besucher in die Irre. Nutzen Sie echte Zitate mit Erlaubnis oder lassen Sie den Abschnitt weg.
- Im kostenlosen Tarif zu viel auf einmal wollen. Kostenlose Builds konzentrieren sich auf eine funktionierende erste Version. Beginnen Sie mit dem Kernablauf und ergänzen Sie Funktionen, sobald er läuft.
Checkliste vor dem Absenden
Prüfen Sie vor dem Absenden, ob Ihre Nachricht Folgendes enthält:
- Das Ziel, in einem Satz
- Jede Nutzerart, auch Sie selbst als Admin
- Die Liste der Seiten oder Abschnitte
- Alles, was gespeichert wird, und wer es sehen und ändern darf
- Die Regeln: Kapazitäten, Pflichtfelder, Grenzen, Status
- Zahlungen, E-Mail oder andere Dienste, mit Namen des Anbieters
- Den Look: Adjektive, Farben, angehängtes Logo
- Die Sprache oder Sprachen der Website
- Jede angehängte Datei, mit ihrem Zweck
- Ihre echten Inhalte überall dort, wo die KI sonst raten müsste
Schicken Sie Ihre erste Nachricht
Wählen Sie die Vorlage, die Ihrem Projekt am nächsten kommt, füllen Sie die Klammern aus, hängen Sie Ihre Dateien an und gehen Sie die Checkliste einmal durch. Den kompletten Weg von der ersten Nachricht bis zur eigenen Domain beschreibt Website mit KI erstellen, das größere Bild Was ist ein KI-App-Builder?. Weitere Projektideen, auf die Sie diese Vorlagen übertragen können, finden Sie in den Anwendungsfällen.
Beschreiben Sie es in einer Nachricht und erhalten Sie einen Live-Link: kostenlos mit Community starten, ohne Kreditkarte.
F.A.Q.