KI-Funktionen mit m77.ai in deine App einbauen

KI in eine App einzubauen bedeutet normalerweise: sich bei einem Modellanbieter registrieren, einen API-Schlüssel auf einem Server ablegen und einen Backend-Endpunkt schreiben, damit der Schlüssel nie im Browser landet. Bei builder77 ist das schon erledigt. Jede App hat m77.ai.chat, und die Aufrufe werden mit den Integrations-Credits des App-Inhabers abgerechnet – 1 Credit pro 500 Tokens (Eingabe + Ausgabe, mindestens 1 pro Aufruf).

Die Grundlagen

const reply = await m77.ai.chat('Suggest three names for a coffee shop by the sea');

const answer = await m77.ai.chat(
  [{ role: 'user', content: question }],
  { system: 'You are a friendly barista. Answer in two sentences.' }
);

Übergib einen String für einen einmaligen Prompt oder ein Array von Nachrichten für ein Gespräch. Die optionale system-Anweisung legt Ton und Regeln fest.

Strukturierte Ausgabe mit json: true

Die meisten nützlichen KI-Funktionen wollen keine Prosa – sie wollen Daten, die deine Oberfläche darstellen kann. Setze json: true und beschreibe die gewünschte Struktur. Zurück bekommst du ein fertig geparstes Objekt.

const recipe = await m77.ai.chat(
  `Create a recipe using: ${ingredients.join(', ')}.
   Return JSON: { "title": string, "minutes": number, "steps": string[] }`,
  { json: true }
);
renderRecipe(recipe);

Fünf Muster, die gut funktionieren

• Zusammenfassen: Mach aus langen Notizen, Bewertungen oder Support-Tickets eine kurze Zusammenfassung oben auf der Seite.
• Klassifizieren: Versieh eingehende Formulareinsendungen mit Thema oder Dringlichkeit und speichere das Label mit m77.db.update.
• Entwürfe erstellen: Produktbeschreibungen, Social-Media-Posts, E-Mail-Antworten – vor dem Speichern immer bearbeitbar.
• Extrahieren: Zieh Daten, Beträge oder Namen aus freiem Text in Felder.
• Assistieren: ein kleines Chatfenster, das Fragen zum Inhalt der Seite beantwortet.

Speichere Ergebnisse, damit du nicht doppelt zahlst

Aufrufe werden nach Tokens abgerechnet: 1 Integrations-Credit pro 500 Tokens (Eingabe + Ausgabe, mindestens 1 pro Aufruf), eine typische Antwort kostet also etwa 3–4 Credits. Ändert sich ein Ergebnis selten – die Zusammenfassung eines Dokuments, die Tags eines Datensatzes –, speichere es in der Datenbank und erzeuge es nur neu, wenn sich die Quelle ändert.

if (!note.summary) {
  const summary = await m77.ai.chat(`Summarize in one sentence: ${note.body}`);
  await m77.db.update('notes', note.id, { summary });
}

Plane für Wartezeiten und Fehler

KI-Aufrufe dauern einen Moment, behandle sie also wie jede Netzwerkanfrage: Button deaktivieren, Ladezustand anzeigen und Fehler mit einer freundlichen Meldung abfangen. m77.toast('Something went wrong', 'error') ist ein einfacher Fallback. Die Apps, die builder77 baut, machen das standardmäßig, aber es lohnt sich, das zu prüfen, wenn du Funktionen von Hand ergänzt.

Schreib Prompts wie Spezifikationen

Derselbe Rat, der für das Bauen von Apps gilt, gilt auch für die Prompts in ihnen. Sei konkret bei Länge, Ton und Format und dabei, was passieren soll, wenn Eingaben fehlen oder seltsam sind.

Du schreibst Produktbeschreibungen für einen Laden mit handgemachter Keramik. Maximal 40 Wörter. Warm, konkret, keine Superlative. Wenn Angaben fehlen, schreib eine kurze, neutrale Beschreibung, statt Fakten zu erfinden.

Geh verantwortungsvoll mit KI-Ausgaben um

• Sag Nutzern, wenn Inhalte von KI erzeugt sind, vor allem in Chat-Oberflächen.
• Lass Menschen KI-Entwürfe prüfen und bearbeiten, bevor sie veröffentlicht oder verschickt werden.
• Verlass dich bei Gesundheits-, Rechts- oder Finanzfragen nicht auf KI-Ausgaben als letztes Wort.
• Schick keine sensiblen persönlichen Daten in Prompts mit, wenn es nicht unbedingt nötig ist.

Lass builder77 es bauen

Selten musst du irgendetwas davon selbst schreiben. Probier Prompts wie „Füge einen KI-Button hinzu, der für jede Notiz Tags vorschlägt und speichert“ oder „Füge einen Chat-Assistenten hinzu, der Fragen zur Speisekarte beantwortet“. Der Builder kennt m77.ai und verdrahtet Oberfläche, Ladezustände und Speicherung für dich.