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.

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) 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“.

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…)

text v head nebo přes import <script type=„module“ src=„https://openai.github.io/chatkit-js/chatkit.js“></script> ,[object Object], ,[object Object], Backend (Agent Builder) hostuje OpenAI → vy se staráte jen o UI. ==== 2. Self-hosted / custom backend ==== 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'; ,[object Object],textchat.mount('#chat-container'); ===== Pro koho je ChatKit vhodný? ===== ^ Použití ^ Typický případ použití ^ Doporučená varianta ^ | Zákaznická podpora na webu | FAQ + eskalace na live agenta / člověka | Managed + Agent Builder | | Interní knowledge base | „ Zeptej se dokumentace “ | Managed | | HR onboarding asistent | Nový zaměstnanec → odpovědi na procesy, formuláře | Managed | | 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 | | Rychlý MVP / proof-of-concept | Chceme ukázat šéfu / investorovi chat za 2 dny | Managed | ===== Omezení a věci k zamyšlení (2026) ===== závislost na ekosystému OpenAI (nejlépe funguje s Agent Builderem) omezené možnosti hluboké customizace chování (pokud nechcete jít přes custom backend) některé firmy nechtějí „embedovat cizí skript od OpenAI“ 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ě ===== Zajímavé odkazy ===== Oficiální dokumentace: https://platform.openai.com/docs/guides/chatkit ChatKit.js repo + docs: https://github.com/openai/chatkit-js Playground na vyzkoušení stylů: https://chatkit.studio/ 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“.