Tilføj AI-funktioner til din app med m77.ai

At tilføje AI til en app betyder som regel, at man skal oprette sig hos en modeludbyder, gemme en API-nøgle på en server og skrive et backend-endpoint, så nøglen aldrig når browseren. I builder77 er det allerede gjort. Alle apps har m77.ai.chat, og kald faktureres til appejerens integrationskreditter — 1 kredit pr. 500 tokens (input + output, mindst 1 pr. kald).

Det grundlæggende

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.' }
);

Send en streng til en enkeltstående prompt eller et array af beskeder til en samtale. Den valgfrie system-instruktion fastlægger tone og regler.

Struktureret output med json: true

De fleste nyttige AI-funktioner vil ikke have prosa — de vil have data, som din brugerflade kan vise. Sæt json: true, og beskriv den form, du ønsker. Du får et parset objekt tilbage.

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

Fem mønstre, der virker godt

• Opsummér: gør lange noter, anmeldelser eller supporthenvendelser til en kort opsummering øverst på en side.
• Klassificér: tag indkomne formularindsendelser efter emne eller hastegrad, og gem derefter etiketten med m77.db.update.
• Generér udkast: produktbeskrivelser, opslag til sociale medier, svar på e-mails — altid redigerbare, før de gemmes.
• Udtræk: træk datoer, beløb eller navne ud af fritekst og ind i felter.
• Assistér: et lille chatpanel, der besvarer spørgsmål om indholdet på siden.

Gem resultaterne, så du ikke betaler to gange

Kald måles i tokens: 1 integrationskredit pr. 500 tokens (input + output, mindst 1 pr. kald), så et typisk svar koster omkring 3–4 kreditter. Hvis et resultat sjældent ændrer sig — en opsummering af et dokument, tags til en post — så gem det i databasen, og generér det kun igen, når kilden ændrer sig.

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

Design til ventetid og fejl

AI-kald tager et øjeblik, så behandl dem som enhver anden netværksforespørgsel: Deaktivér knappen, vis en indlæsningstilstand, og håndtér fejl med en venlig besked. m77.toast('Something went wrong', 'error') er en nem nødløsning. De apps, builder77 bygger, gør det som standard, men det er værd at tjekke, når du tilføjer funktioner i hånden.

Skriv prompts som specifikationer

De samme råd, der gælder for at bygge apps, gælder for prompts inde i dem. Vær præcis om længde, tone, format, og hvad der skal ske, når input mangler eller er mærkeligt.

Du skriver produktbeskrivelser til en butik med håndlavet keramik. Højst 40 ord. Varm, konkret, ingen superlativer. Hvis inputtet mangler detaljer, så skriv en kort neutral beskrivelse i stedet for at opfinde fakta.

Brug AI-output ansvarligt

• Fortæl brugerne, når indhold er genereret af AI, især i chatgrænseflader.
• Lad folk gennemse og redigere AI-udkast, før de udgives eller sendes.
• Brug ikke AI-output som det endelige svar på spørgsmål om sundhed, jura eller økonomi.
• Undgå at sende følsomme personoplysninger i prompts, medmindre det er nødvendigt.

Bed builder77 om at bygge det

Du behøver sjældent selv at skrive noget af dette. Prøv prompts som »tilføj en AI-knap, der foreslår tags til hver note og gemmer dem« eller »tilføj en chatassistent, der besvarer spørgsmål om menuen«. Builderen kender m77.ai og sætter brugerflade, indlæsningstilstande og lagring op for dig.