Jak přidat AI funkce do aplikace s m77.ai

Přidat AI do aplikace obvykle znamená zaregistrovat se u poskytovatele modelu, uložit API klíč na server a napsat backendový endpoint, aby se klíč nikdy nedostal do prohlížeče. V builder77 je tohle už hotové. Každá aplikace má m77.ai.chat a volání se účtují z integračních kreditů vlastníka aplikace – 1 kredit za 500 tokenů (vstup + výstup, minimálně 1 za volání).

Základy

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

Předej řetězec pro jednorázový prompt, nebo pole zpráv pro konverzaci. Volitelná instrukce system nastaví tón a pravidla.

Strukturovaný výstup s json: true

Většina užitečných AI funkcí nechce prózu – chce data, která tvé rozhraní dokáže vykreslit. Nastav json: true a popiš požadovaný tvar. Zpátky dostaneš rozparsovaný 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);

Pět osvědčených vzorů

• Shrnutí: proměň dlouhé poznámky, recenze nebo tikety podpory v krátké shrnutí v horní části stránky.
• Klasifikace: označ příchozí odeslané formuláře podle tématu nebo naléhavosti a štítek pak ulož pomocí m77.db.update.
• Generování konceptů: popisy produktů, příspěvky na sociální sítě, odpovědi na e-maily – vždy upravitelné před uložením.
• Extrakce: vytáhni data, částky nebo jména z volného textu do polí.
• Asistent: malý chatovací panel, který odpovídá na otázky k obsahu stránky.

Ukládej výsledky, ať neplatíš dvakrát

Volání se měří podle tokenů: 1 integrační kredit za 500 tokenů (vstup + výstup, minimálně 1 za volání), takže typická odpověď stojí asi 3–4 kredity. Pokud se výsledek často nemění – shrnutí dokumentu, štítky záznamu – ulož ho do databáze a generuj ho znovu, jen když se změní zdroj.

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

Počítej s čekáním a chybami

Volání AI chvíli trvají, takže s nimi zacházej jako s každým síťovým požadavkem: zablokuj tlačítko, zobraz stav načítání a chyby ošetři přátelskou zprávou. m77.toast('Something went wrong', 'error') je snadné záložní řešení. Aplikace, které builder77 vytváří, to dělají automaticky, ale vyplatí se to zkontrolovat, když funkce přidáváš ručně.

Piš prompty jako specifikace

Stejné rady, které platí pro tvorbu aplikací, platí i pro prompty uvnitř nich. Buď konkrétní ohledně délky, tónu, formátu a toho, co dělat, když vstup chybí nebo je zvláštní.

Píšeš popisy produktů pro obchod s ručně vyráběnou keramikou. Maximálně 40 slov. Vřele, konkrétně, bez superlativů. Pokud vstupu chybí podrobnosti, napiš krátký neutrální popis místo vymýšlení faktů.

Zacházej s výstupy AI zodpovědně

• Dej uživatelům vědět, když je obsah vygenerovaný AI, zvlášť v chatovacích rozhraních.
• Nech lidi koncepty od AI zkontrolovat a upravit, než se zveřejní nebo odešlou.
• Nepoužívej výstup AI jako poslední slovo v otázkách zdraví, práva nebo financí.
• Neposílej v promptech citlivé osobní údaje, pokud to není nezbytné.

Nech to postavit builder77

Nic z toho většinou nemusíš psát sám. Zkus prompty jako „přidej AI tlačítko, které ke každé poznámce navrhne štítky a uloží je“ nebo „přidej chatovacího asistenta, který odpovídá na otázky k menu“. Editor zná m77.ai a rozhraní, stavy načítání i ukládání za tebe propojí.