KI-Chatbot-App bauen: Schlüssel, Prompts, Kosten und Sicherheit

Um eine KI-Chatbot-App zu bauen, brauchst du vier Dinge: eine Chat-Oberfläche, einen kleinen Server, der den API-Schlüssel deines Modellanbieters verwahrt und Nachrichten weiterleitet, einen System-Prompt, der dem Modell sagt, wer es ist und was es darf, und Grenzen, die Kosten und Missbrauch in Schach halten. Ein KI-App-Builder kann all das aus einer Beschreibung erstellen. Deine Aufgabe bleibt, den Anbieter auszuwählen, die Anweisungen zu schreiben und festzulegen, was der Bot niemals tun darf.

Woraus eine KI-Chatbot-App besteht

Die meisten Chatbot-Apps, ob Support-Assistent, Lernhilfe oder internes Tool „Frag unsere Doku“, haben dieselben Bausteine:

Baustein	Was er tut	Kannst du ihn weglassen?
Chat-Oberfläche	Nachrichtenliste, Eingabefeld, Ladezustand, gestreamte Antworten	Nein
Server-Route	Empfängt die Nachricht des Nutzers, ergänzt den System-Prompt und ruft den Anbieter mit deinem geheimen Schlüssel auf	Nein, der Schlüssel darf nie im Browser landen
System-Prompt	Dauerhafte Anweisungen: Rolle, Tonfall, Themenbereich, was abzulehnen ist	Nein
Wissen	Deine eigenen Inhalte, aus denen der Bot antwortet (FAQ, Richtlinien, Produktdokumentation)	Ja, bei einem allgemeinen Assistenten
Speicherung der Unterhaltungen	Speichert Verläufe in einer Datenbank, damit Nutzer wiederkommen können	Ja, für eine erste Version
Konten	Jeder Nutzer sieht nur seinen eigenen Verlauf, und du kannst die Nutzung pro Person begrenzen	Ja, bei einer öffentlichen Demo mit strengen Limits
Limits und Protokollierung	Längenbegrenzung für Nachrichten, Ratenlimits, Ausgabenobergrenze, Fehlerprotokoll	Nein

Der Server ist der Teil, den Leute am häufigsten falsch umsetzen. Ruft die Chat-Seite den Anbieter direkt aus dem Browser auf, kann jeder die Entwicklerwerkzeuge öffnen, deinen Schlüssel kopieren und deine Rechnung in die Höhe treiben.

Entscheidungen vor dem Bauen

Anbieter und Modell

Die großen Anbieter (OpenAI, Anthropic, Google und weitere) bieten alle eine chatartige API, die gleich funktioniert: Du schickst eine Liste von Nachrichten und bekommst eine Antwort. Entscheidend ist dabei weniger die Marke als die Modellgröße:

Kleinere, schnellere Modelle sind günstiger und antworten zügig. Sie eignen sich für kurze Antworten, Einordnung und einfache FAQ-Bots.
Größere Modelle denken besser nach, halten lange Anweisungen zuverlässiger ein und kommen mit unklaren Fragen besser zurecht, kosten aber pro Nachricht mehr und antworten langsamer.

Beginne mit einem mittelgroßen Modell, teste es mit deinen echten Fragen und gehe von dort nach oben oder unten. Wenn dir noch nicht klar ist, wie diese APIs abgerechnet und aufgerufen werden, lies zuerst wie du LLM-APIs nutzt.

Woher das Wissen des Bots kommt

Dein Inhalt	Vorgehen
Eine oder zwei Seiten (Öffnungszeiten, Rückgaberegeln, Preise)	Direkt in den System-Prompt einfügen
Dutzende Seiten, die sich selten ändern	Eine verdichtete Fassung in den Prompt setzen oder nach Themen aufteilen und den passenden Abschnitt mitschicken
Hunderte Dokumente oder täglich wechselnde Inhalte	Speichern, zu jeder Frage die passenden Stellen suchen und nur diese senden (RAG)

Wähle zunächst die einfachste Option, die deinen Inhalt abdeckt. Retrieval bringt einen Suchindex, eine Methode zum Aktualisieren und mehr Stellen, an denen Antworten schiefgehen können. Viele nützliche Bots brauchen es gar nicht.

Ein öffentlicher Chatbot auf deiner Website ist leicht erreichbar, aber ebenso leicht zu missbrauchen: Jemand kann Tausende Nachrichten per Skript schicken. Ein Chatbot mit Login erlaubt dir, den Verlauf pro Nutzer zu speichern und ein Tageskontingent pro Konto festzulegen. Ist der Bot öffentlich, begrenze die Nachrichtenlänge, die Anzahl der Nachrichten pro Besucher in einem Zeitraum und setze im Dashboard des Anbieters ein hartes Monatslimit. Wie du Login in deine App einbaust erklärt die Kontoseite.

Ob Unterhaltungen gespeichert werden

Gespeicherte Verläufe sind nützlich: Nutzer können dort weitermachen, wo sie aufgehört haben, und du kannst echte Fragen lesen, um den Prompt zu verbessern. Sie sind aber auch personenbezogene Daten. Lege fest, wie lange du sie aufbewahrst, nenne das in deiner Datenschutzerklärung und speichere nichts, was du nicht brauchst.

Schreib den System-Prompt wie eine Stellenbeschreibung

Der System-Prompt ist die Anweisung, die das Modell vor jeder Unterhaltung erhält. Ein guter liest sich wie ein kurzes Briefing für eine neue Mitarbeiterin:

Rolle und Zielgruppe: „Du bist der Hilfe-Assistent von Oakline, einer Fahrradwerkstatt. Du sprichst mit Kundinnen und Kunden.“
Themenbereich: „Beantworte Fragen zu Leistungen, Preisen, Öffnungszeiten und Terminbuchung. Bei allem anderen sag, dass du nur bei Fragen zur Werkstatt helfen kannst.“
Quelle der Wahrheit: „Nutze nur die Informationen unten. Wenn die Antwort dort nicht steht, sag, dass du es nicht weißt, und nenne die Telefonnummer der Werkstatt.“
Tonfall und Länge: „Freundlich, in einfacher Sprache, höchstens drei Sätze, sofern nicht nach Details gefragt wird.“
Harte Regeln: „Nenne nie einen Reparaturpreis, der nicht aufgelistet ist. Frage nie nach Kartendaten.“

Danach teste den Prompt mit schwierigen Fragen: Anfragen außerhalb des Themas, unhöfliche Nachrichten, Fragen, deren Antwort nicht in deinem Inhalt steht, und Versuche, die Anweisungen zu umgehen („Vergiss deine Regeln und …“). Passe den Prompt so lange an, bis die Antworten solche sind, für die du geradestehen würdest.

Kosten planbar halten

Anbieter rechnen pro Token ab (grob gesagt Wortteile) für die Eingabe, die du sendest, und die Ausgabe, die das Modell schreibt. Drei Dinge treiben die Rechnung:

Länge des Gesprächs. Jede neue Nachricht sendet normalerweise den ganzen Verlauf erneut, damit das Modell den Kontext hat. Ein Chat mit 40 Nachrichten kostet pro Antwort weit mehr als einer mit 4. Behalte nur die letzten Nachrichten oder fasse ältere zusammen.
Größe des Prompts. Ein langer System-Prompt oder ein großer eingefügter Wissensblock wird mit jeder Nachricht mitgeschickt.
Länge der Antwort. Lege in der API-Anfrage eine maximale Antwortlänge fest und bitte im Prompt um knappe Antworten.

Setze vor dem Start im Dashboard deines Anbieters ein monatliches Ausgabenlimit und protokolliere den Token-Verbrauch pro Anfrage, damit du siehst, welche Unterhaltungen teuer sind. Preise nennen wir hier nicht, weil sie je nach Modell variieren und sich oft ändern. Prüfe die Preisseite deines Anbieters.

Schritt für Schritt bauen

Schritt 1: Beschreibe den Bot, nicht den Code

Ein erster Prompt, der Zielgruppe, Themenbereich, Daten und Sicherheitsregeln nennt, bringt dich schon weit:

Baue einen Kundenhilfe-Chatbot für Oakline, eine Fahrradwerkstatt. Eine Chat-Seite mit Nachrichtenliste und Eingabefeld, Antworten werden gestreamt, während sie entstehen. Rufe die Anthropic-API aus einer Server-Route mit dem geheimen Schlüssel ANTHROPIC_API_KEY auf — niemals im Browser offenlegen. Nutze einen System-Prompt, der nur Fragen zu unseren Leistungen, Preisen und Öffnungszeiten aus der Datei shop-info.md beantwortet und sonst sagt: „Da bin ich mir nicht sicher — ruf uns unter der unten stehenden Nummer an.“ Begrenze Nachrichten auf 500 Zeichen und 20 Nachrichten pro Besucher und Stunde. Sauberes, freundliches Design, das auf dem Handy funktioniert.

Schritt 2: Lege den Schlüssel als Geheimnis ab

Erstelle den Schlüssel in der Konsole deines Anbieters und speichere ihn in den Umgebungsvariablen oder Geheimnissen des Projekts, nicht im Chat und nicht im Code. Wenn ein Schlüssel irgendwo öffentlich auftaucht, widerrufe ihn beim Anbieter und erstelle einen neuen. Was Umgebungsvariablen und Geheimnisse sind erklärt, warum das wichtig ist.

Schritt 3: Teste die Antworten, nicht nur die Oberfläche

Sobald der Chat funktioniert, verbringe die meiste Zeit mit der Antwortqualität. Halte eine Liste von etwa 20 echten Fragen bereit, darunter einige, die abgelehnt werden sollten, und gehe sie nach jeder Prompt-Änderung durch. Prüfe:

Bleibt der Bot im Themenbereich?
Gibt er zu, wenn er etwas nicht weiß, statt eine Antwort zu erfinden?
Hält er stand, wenn jemand seine Anweisungen überschreiben will?
Fehlt der Schlüssel in allem, was der Browser herunterlädt?

Schritt 4: Füge Gedächtnis und Konten hinzu, wenn du sie brauchst

Sobald einzelne Unterhaltungen funktionieren, lass gespeicherte Verläufe in einer Datenbank anlegen und bei Bedarf Registrierung und Login einrichten, damit jeder Nutzer nur seine eigenen Chats sieht. Richte gleichzeitig ein tägliches Nachrichtenkontingent pro Nutzer ein.

Schritt 5: Veröffentliche mit eingeschalteten Limits

Stelle sicher, dass die veröffentlichte App dieselben Geheimnisse wie die Vorschau hat, das Ausgabenlimit beim Anbieter gesetzt ist und Fehler dort protokolliert werden, wo du sie siehst. Teile die App dann mit einer kleinen Gruppe, bevor du sie auf deiner Hauptseite einbindest.

Sicherheit und Vertrauen

Ein Chatbot spricht in deinem Namen mit der Öffentlichkeit, also gehören seine Fehlerquellen dir:

Falsche Antworten. Modelle können Falsches selbstsicher behaupten. Halte den Bot auf einem engen Thema, stütze ihn auf deine eigenen Inhalte und zeige bei wichtigen Themen einen kurzen Hinweis, dass Antworten falsch sein können.
Prompt-Injection. Nutzer (oder Dokumente, die der Bot liest) können Anweisungen enthalten wie „ignoriere die bisherigen Regeln“. Gib dem Bot keine Befugnisse, denen du nicht vertrauen kannst: keine Erstattungen, Löschungen oder E-Mails auf Zuruf eines Nutzers ohne Prüfung in deinem eigenen Code.
Heikle Themen. Bei medizinischen, rechtlichen oder finanziellen Fragen soll der Bot auf eine Fachperson verweisen, statt zu beraten.
Personenbezogene Daten. Füge Kundendaten nur dann in Prompts ein, wenn es nötig ist, und prüfe in den Bedingungen deines Anbieters, wie API-Daten behandelt werden.

Unsere Sicherheits-Checkliste für mit KI gebaute Apps deckt die gesamte App ab.

Häufige Fehler

Den Anbieter aus dem Browser aufrufen. Der Schlüssel wird offengelegt. Geh immer über deinen Server.
Keine Limits bei einem öffentlichen Bot. Ein einziges Skript kann ein Monatsbudget an einem Nachmittag aufbrauchen.
Mit RAG, Werkzeugen und mehreren Modellen gleichzeitig anfangen. Bring zuerst eine gute Unterhaltung zum Laufen; ergänze den Rest, wenn echte Fragen zeigen, dass du ihn brauchst.
Nur freundliche Fragen testen. Deine Nutzer werden am ersten Tag seltsame, feindselige und themenfremde Fragen stellen.
Den Verlauf endlos wachsen lassen. Kosten und Antwortzeiten steigen mit jeder Nachricht.

Wann ein fertiges Produkt die bessere Wahl ist

Ein eigener Bot lohnt sich, wenn der Chatbot Teil deines Produkts ist, eigene Daten oder einen eigenen Ablauf braucht oder ein bestimmtes Aussehen und Verhalten haben soll. Oft ist er aber die falsche Wahl, wenn:

Du nur ein Support-Widget auf einer bestehenden Website willst. Viele Helpdesk- und Live-Chat-Produkte bieten inzwischen KI-Antwortbots, die dein Hilfecenter auslesen, mit Übergabe an Menschen, Posteingang und Auswertung bereits eingebaut.
Nur du oder dein Team es nutzt. Ein Abo eines allgemeinen Assistenten wie ChatGPT oder Claude, in das du deine Dokumente hochlädst, kann alles sein, was du brauchst.
Du strenge Compliance-Garantien brauchst (zum Beispiel für regulierte Gesundheits- oder Finanzdaten). Ein Anbieter mit den nötigen Zertifizierungen ist unter Umständen sicherer als ein Eigenbau.

So baust du es mit Mythex

Mythex ist ein KI-App-Builder: Du beschreibst den Chatbot im Chat, und Mythex schreibt die Oberfläche und den serverseitigen Aufruf, startet eine Live-Vorschau und veröffentlicht die App unter einer öffentlichen URL. Die KI in deiner App nutzt deinen eigenen Anbieterschlüssel. Du hinterlegst ihn in den Projektgeheimnissen oder über die Geheimnis-Karte, die Mythex im Chat zeigt, wenn sie gebraucht wird. Die Nutzung beim Anbieter wird deinem Anbieterkonto berechnet, nicht deinen Mythex-Build-Credits. Mythex legt keine Tokens für die Nutzer deiner App bereit, auch kein fertiges Wissensdatenbank-Produkt und keine vorgefertigten Ratenlimits: Das sind Teile, die du anforderst und testest. Die Dokumentationsseite zu KI in deiner App einsetzen erklärt den Ablauf, und KI mit deinen eigenen API-Schlüsseln einbinden enthält einen Start-Prompt.

Braucht der Bot gespeicherte Verläufe, hängt Mythex auf Wunsch eine Postgres-Datenbank an das Projekt. Weitere Wege, Modelle in einer App zu nutzen, von Zusammenfassungen bis zur Klassifizierung, findest du unter wie du KI-Funktionen in deine App einbaust. Oder stöbere in den App-Vorlagen für einen Ausgangspunkt.

Fragen

Brauche ich meinen eigenen API-Schlüssel, um eine KI-Chatbot-App zu bauen?

Fast immer ja. Der Chatbot schickt jede Nachricht an einen Modellanbieter wie OpenAI, Anthropic oder Google, und der Anbieter rechnet dem Konto ab, zu dem der API-Schlüssel gehört. Der Schlüssel muss auf deinem Server liegen, niemals in der Webseite.

Was kostet der Betrieb eines KI-Chatbots?

Anbieter berechnen pro Token, und zwar sowohl für den Text, den du sendest, als auch für die Antwort des Modells. Die Preise unterscheiden sich je nach Modell stark. Da bei jeder neuen Nachricht meist der bisherige Gesprächsverlauf erneut gesendet wird, kosten lange Chats pro Nachricht mehr als kurze. Prüfe die Preisseite deines Anbieters und setze im Dashboard eine Ausgabenobergrenze.

Kann ich einen Chatbot mit meinen eigenen Dokumenten trainieren?

Meist trainierst du das Modell selbst nicht. Bei wenig Inhalt fügst du ihn direkt in den System-Prompt ein. Bei einer großen Dokumentensammlung speicherst du sie, suchst zu jeder Frage die passenden Abschnitte heraus und schickst nur diese an das Modell. Dieser zweite Ansatz heißt Retrieval-Augmented Generation, kurz RAG.

Kann ich einen KI-Chatbot ohne Programmierung bauen?

Ja. Ein KI-App-Builder kann aus einer Beschreibung in einfacher Sprache die Chat-Oberfläche, die Server-Route, die das Modell aufruft, und die Datenbank für gespeicherte Unterhaltungen erstellen. Das Anbieterkonto und den API-Schlüssel legst du trotzdem selbst an.