Vibe coding
Pilíř B · Workshop 00Draft
2 min čtení

AI featury v aplikaci — chatbot, generování, AI search

Pozor

Tento workshop teprve připravujeme. Níže je rámec toho, co bude pokrývat — strukturu, výstupy a předpoklady. Plný obsah doplníme.

Proč to děláme#

Aplikace s AI uvnitř (ne jen postavená AI nástrojem) jsou v 2026 standard. Embedovaný chatbot pro support, AI search nad vlastními daty, automatické shrnutí, generování textu, analýza obrázku — všechno tohle je dnes dostupné přes pár řádků kódu díky Vercel AI SDK (nebo přímo Anthropic / OpenAI SDK). Workshop ti ukáže, jak typické AI featury napojit a co stojí.

Co se naučíš#

  • Vercel AI SDK 6 — provider-agnostic framework pro AI v aplikaci (Anthropic, OpenAI, Google, Mistral, 20+ providerů v jedné API)
  • Typické AI featury: chat UI, streaming completion, structured output, embedovaný RAG search
  • React hooks: useChat, useCompletion — streamované UI v 10 řádkách
  • AI Gateway — fallbacky mezi modely, budget limity, monitoring nákladů z jednoho dashboardu
  • Volba modelu: Claude vs GPT vs Gemini — kdy který, srovnání ceny vs kvality
  • Agent abstrakce (novinka v AI SDK 6) — definuj agenta jednou, použij napříč aplikací
  • Bezpečnost: API klíče v env, rate limiting, ochrana proti prompt injection
  • Náklady: kolik stojí jeden chat request, jak nastavit budget

Předpoklady#

  • Předplatné u alespoň jednoho providera (Anthropic Claude, OpenAI GPT, Google Gemini, nebo Vercel AI Gateway)
  • Doporučeno: Workshop 8: Autentizace — abys neměl API otevřené anonymně (riziko: utratíš si kredity za bota)
  • Workshop 5: Databáze — pokud chceš RAG nad svými daty

Co budeme pokrývat#

  1. Vercel AI SDK — proč je to default volba (jednotná API, framework agnostic)
  2. Setup: API klíče přes env proměnné, AI Gateway konfigurace
  3. Chat UI v aplikaci — useChat hook + streaming response (jako ChatGPT v tvé appce)
  4. Strukturovaný output — vytahování dat z volného textu do JSON (např. „extrahuj jméno, e-mail, požadovanou dobu z textu objednávky")
  5. Embedded search (RAG) — odpovídání nad tvými daty (embeddings + vector search)
  6. Volba modelu — Claude Opus pro kvalitu, Haiku pro rychlost, GPT pro tooling
  7. Agent abstrakce — agent s nástroji (search, send email, update DB) v jednom volání
  8. Bezpečnost — kde dát rate limit, jak chránit před prompt injection
  9. Náklady a budgets — kdy se vyplatí ranger budget; co stojí 1000 chat requestů

Otestuj se předem#

Kvíz

Stavíš v Lovable aplikaci s embedovaným chatbotem nad svými daty. Chceš mít možnost přepínat mezi Claude a GPT podle ceny/kvality a sledovat celkové náklady z jednoho dashboardu. Co je nejlepší přístup?