Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

--- chatkit [2026/02/09 15:45] – admin
+++ chatkit [2026/02/09 15:51] (aktuální) – [Omezení] admin
@@ Řádek 1: / Řádek 1: @@
 ====== ChatKit ======
-ChatKit je nástroj od OpenAI (vydáný v roce 2025 jako součást sady AgentKit), který dramaticky zjednodušuje tvorbu moderních konverzačních rozhraní poháněných umělou inteligencí.
-Umožňuje vývojářům rychle vložit kvalitní, responzivní a hezky vypadající chatovací okno do webových aplikací, intranetů, zákaznické podpory, interních nástrojů apod. – a to bez nutnosti budovat celé UI od nuly.
-===== Co je ChatKit? =====
-ChatKit je v podstatě frontendový toolkit + webový komponent, který se stará o:
-celou logiku chatu (zprávy, streamování odpovědí, načítání, chyby)
+**ChatKit** je sada nástrojů a knihoven určených pro rychlou a strukturovanou práci s AI chatovacími modely (např. modely od OpenAI). Slouží jako **vrstva mezi aplikací a AI**, která zjednodušuje práci s konverzacemi, pamětí, nástroji a integracemi. ChatKit je uvedený pod licencí Apache Licence 2.0.
-zobrazení nástrojů (tool calls) a chain-of-thought myšlení
-nahrávání souborů
-citace zdrojů a entity tagging
-responzivní design (mobil + desktop)
-možnost vlastního stylování (CSS proměnné, themes)
-Nejčastěji se používá ve spojení s OpenAI Agent Builderem, kde si na straně OpenAI nadefinujete chování agenta (prompty, nástroje, znalostní bázi) a ChatKit pak slouží jako „hezká fasáda“.
+===== Hlavní účel =====
-===== Hlavní výhody =====
-Rychlost nasazení – z hodin na minuty
+ChatKit pomáhá vývojářům:
-Velmi pěkný defaultní design (porovnatelný s ChatGPT)
-Automatické streamování odpovědí
-Podpora file uploadů a image preview
-Zobrazení myšlenkového řetězce agenta (chain-of-thought)
-Bezpečná autentizace přes krátkodobé tokeny
-Funguje s libovolným frameworkem (React, Vue, Svelte, vanilla JS, Next.js…)
-===== Jak to funguje (nejběžnější scénáře) =====
+  * Vytvářet chatovací aplikace bez nutnosti řešit nízkoúrovňové detaily API.
-==== 1. Managed varianta (nejjednodušší) ====
+  * Strukturovat konverzace mezi uživatelem a AI.
-text// v head nebo přes import
+  * Pracovat s kontextem a historií zpráv.
-<script type="module" src="https://openai.github.io/chatkit-js/chatkit.js"></script>
+  * Integrovat AI do existujících systémů a workflow.
-,[object Object],
-,[object Object],
+===== Klíčové vlastnosti =====
-Backend (Agent Builder) hostuje OpenAI → vy se staráte jen o UI.
-==== 2. Self-hosted / custom backend ====
+ChatKit obvykle zahrnuje:
-Použijete ChatKit.js a připojíte vlastní endpoint (OpenAI API, Azure, vlastní server s LangChain / Llama.cpp atd.)
-textimport { createChatKit } from '@openai/chatkit';
+  * **Správu konverzace** – ukládání a načítání historie chatu.
-,[object Object],textchat.mount('#chat-container');
+  * **Práci s kontextem** – možnost předat AI strukturované informace.
-===== Pro koho je ChatKit vhodný? =====
+  * **Nástroje (tools/functions)** – AI může volat funkce v aplikaci.
-^ Použití                            ^ Typický případ použití                              ^ Doporučená varianta      ^
+  * **Šablony promptů** – předpřipravené způsoby komunikace s AI.
-| Zákaznická podpora na webu         | FAQ + eskalace na live agenta / člověka            | Managed + Agent Builder   |
+  * **Integrace** – napojení na databáze, API nebo jiné systémy.
-| Interní knowledge base              | „ Zeptej se dokumentace “                           | Managed                   |
-| HR onboarding asistent              | Nový zaměstnanec → odpovědi na procesy, formuláře   | Managed                   |
+===== Typické použití =====
-| E-commerce asistent                 | „Které tričko mi sedne na 185 cm?“                 | Managed nebo custom       |
-| Interní nástroje (dev, support)     | „Najdi mi poslední ticket #458“                    | Custom endpoint           |
+ChatKit se hodí například pro:
-| Rychlý MVP / proof-of-concept       | Chceme ukázat šéfu / investorovi chat za 2 dny     | Managed                   |
+  * Chatboty pro zákaznickou podporu
+  * Interní asistenty pro firmy
+  * AI asistenty pro vývojáře
+  * Vzdělávací aplikace
+  * Automatizaci pracovních procesů
+==== Hlavní výhody =====
+  * Rychlost nasazení – z hodin na minuty
+  * Velmi pěkný defaultní design (porovnatelný s ChatGPT)
+  * Automatické streamování odpovědí
+  * Podpora file uploadů a image preview
+  * Zobrazení myšlenkového řetězce agenta (chain-of-thought)
+  * Bezpečná autentizace přes krátkodobé tokeny
+  * Funguje s libovolným frameworkem (React, Vue, Svelte, vanilla JS, Next.js…)
 ===== Omezení a věci k zamyšlení (2026) =====
@@ Řádek 49: / Řádek 48: @@
 cena – platíte za použití modelů + případně za workflow běhy
 human handoff (předání člověku) je zatím řešeno jen velmi základně
+===== Příklad použití =====
+<code javascript>
+function MyChat({ clientToken }) {
+  const { control } = useChatKit({
+    api: { url, domainKey }
+  });
+  return (
+    <ChatKit
+      control={control}
+      className="h-[600px] w-[320px]"
+    />
+  );
+}
+</code>
 ===== Zajímavé odkazy =====
@@ Řádek 57: / Řádek 71: @@
 Starter šablony: https://github.com/openai/openai-chatkit-starter-app
-ChatKit v roce 2026 patří mezi nejrychlejší způsoby, jak dostat pěkný AI chat na web nebo do aplikace. Pokud nepotřebujete absolutní kontrolu nad každým pixelem a každým promptem, je to často nejlepší volba „time-to-demo“.
+===== Závěr =====
+ChatKit je užitečný nástroj pro týmy, které chtějí stavět **produkční AI aplikace** systematicky, nikoli jen jako jednoduchý chat napojený přímo na model.