Začínáme s AI · ·

Vibe coding: jak si s AI postavit vlastní aplikaci a který nástroj zvolit

Úvod do vibe codingu: typy nástrojů od chatu po AI agenty, co nabízejí zdarma Lovable, Bolt, v0, Replit i Claude.

Aplikaci dnes můžete postavit tak, že ji AI popíšete. Jenže nástrojů jsou desítky a každý slibuje, že to zvládne za vás. Vysvětlujeme, čím se liší, co dostanete zdarma, kde začátečníci nejčastěji narazí a jak si vybrat první nástroj.

Ilustrace: okno editoru kódu s ukázkou aplikace, bublina chatu se zadáním „Udělej mi rezervační formulář pro kavárnu“ a náhled hotového formuláře s tlačítkem Rezervovat na fialovém pozadí s jiskřičkami

Výraz vibe coding označuje tvorbu softwaru, při které kód nepíšete vy, ale AI. Vy popisujete, co chcete, zkoušíte výsledek a říkáte, co změnit. Kód přitom často ani nečtete. Pro člověka, který nikdy neprogramoval, je to poprvé v historii reálná cesta k vlastní aplikaci: evidenci zakázek, rezervačnímu formuláři, kvízu pro žáky nebo kalkulačce na web.

Má to ale háček. Aplikace, která funguje na vašem počítači, ještě nemusí být bezpečná, když ji pustíte na internet. A nástroje se liší víc, než naznačuje reklama: některé jsou vlastně chatbot, jiné stavebnice v prohlížeči a další AI agent, který pracuje s celým projektem ve vašem počítači.

Tento článek otevírá novou sérii návodů. Nejdřív si ujasníme, co který typ nástroje umí a pro koho je. Pokud chcete rovnou něco postavit, začněte praktickým návodem Vlastní webová aplikace s AI za jedno odpoledne, kde krok za krokem vytvoříte domácí rozpočet jen s bezplatným chatbotem. Ceny a limity jsme ověřili na oficiálních stránkách k 16. 10. 2026. Mění se často, proto u každého údaje najdete odkaz na zdroj.

Co vibe coding je a co není

Vibe coding není kouzelné tlačítko „udělej mi aplikaci“. Je to rozhovor, ve kterém vy zastáváte roli zadavatele a testera:

  1. Popíšete, co má aplikace dělat, pro koho je a co dělat nemá.
  2. AI napíše kód a obvykle vám rovnou ukáže náhled.
  3. Vyzkoušíte výsledek a popíšete, co nefunguje nebo co chcete jinak.
  4. Opakujete, dokud nejste spokojení.

Programovat umět nemusíte. Potřebujete ale umět přesně říct, co chcete, trpělivě zkoušet a poznat, kdy už jste za hranicí toho, co zvládnete bez odborníka. Dobré zadání je polovina úspěchu, proto se vyplatí znát základy z článku Jak napsat dobrý prompt.

Tři typy nástrojů

1. Chatbot: ChatGPT, Gemini, Claude, Grok

Nejjednodušší start. Napíšete, co chcete, chatbot vrátí kód a vy si ho uložíte nebo ho rovnou spustíte v náhledu přímo v okně chatu, pokud ho chatbot nabízí (u Claude jde o Artefakty, které jsou podle ceníku i v bezplatném tarifu).

  • Hodí se na: malé jednoúčelové aplikace v jednom souboru, kalkulačky, kvízy, osobní nástroje.
  • Výhody: bezplatné verze stačí, nic se neinstaluje, data mohou zůstat jen ve vašem prohlížeči.
  • Nevýhody: u větších projektů se ztrácíte v kopírování kódu a chatbot zapomíná, co už je hotové.

Přesně tímto způsobem postupuje náš návod na domácí rozpočet.

2. Stavebnice v prohlížeči: Lovable, Bolt, v0, Replit, Google AI Studio

Specializované služby, ve kterých aplikaci popíšete a vedle chatu hned vidíte, jak vzniká. Postarají se o soubory, často i o databázi, přihlášení uživatelů a zveřejnění na internetu.

  • Hodí se na: prototypy, webové stránky, jednoduché aplikace s uživateli a daty.
  • Výhody: nejrychlejší cesta od nápadu k odkazu, který pošlete kamarádům nebo zákazníkům.
  • Nevýhody: bezplatné limity rychle dojdou, kód bývá rozdělený do mnoha souborů, takže se v něm hůř vyznáte, a jste do jisté míry vázaní na službu. Většina ale umí kód exportovat nebo synchronizovat s GitHubem.

Google AI Studio v režimu Build podle dokumentace vytvoří webovou aplikaci včetně serverové části (Node.js) nebo nativní aplikaci pro Android, umí nastavit databázi Firebase a přihlášení přes Google a aplikaci nasadit do Google Cloud Run. To už ale může být placené (dokumentace Google).

3. AI agent pro vývojáře: Cursor, Claude Code, Codex, Antigravity

Nástroje, které pracují s celým projektem ve vašem počítači (nebo v cloudu): čtou soubory, upravují je, spouštějí příkazy a testy. Vy změny schvalujete.

  • Hodí se na: větší projekty, úpravy existujícího kódu, práci, kterou chcete mít plně pod kontrolou.
  • Výhody: největší volnost, kód je váš a ve vašem počítači, žádné omezení na jednu platformu.
  • Nevýhody: strmější začátek (editor, terminál, Git) a plné využití většinou vyžaduje placený tarif.

Claude Code běží v terminálu, v editoru, v aplikaci Claude pro počítač i v prohlížeči (dokumentace). Codex od OpenAI je součástí předplatného ChatGPT a funguje v aplikaci pro počítač, v příkazové řádce, v editoru i na webu (ceník Codexu). Cursor je editor kódu s vestavěným AI agentem; nově se prodává v rámci předplatného The X Subscription spolu s Grokem (podrobně v článku Grok, X Premium a Cursor v jednom předplatném). Antigravity je vývojové prostředí s agenty od Googlu.

Tomuto typu nástrojů se budeme věnovat v pozdějším dílu série. Na první aplikaci ho nepotřebujete.

Co dostanete zdarma a kolik stojí víc

Přehled bezplatných a nejlevnějších placených tarifů. Ceny jsou v amerických dolarech bez DPH, tak jak je uvádějí ceníky. Ověřeno k 16. 10. 2026.

NástrojTypZdarmaNejlevnější placený tarif
ChatGPT a Codexchatbot, agentChatGPT zdarma; Codex v omezeném rozsahu v aplikaci pro počítač (ceník)Go 8 USD, Plus 20 USD měsíčně; Codex v plném rozsahu (web, příkazová řádka, editor) od Plus
Claude a Claude Codechatbot, agentChat včetně Artefaktů; Claude Code ne (ceník)Pro 20 USD měsíčně (17 USD při roční platbě), obsahuje Claude Code
Gemini a Google AI Studiochatbot, stavebniceRežim Build v AI Studiu; nasazení do Cloud Run může být placené (dokumentace)Vyšší limity v Antigravity s předplatným Google AI Pro (ceník Antigravity)
CursoragentOmezený počet požadavků na agenta (ceník)Plus 8 USD (jen modely Grok), Premium 30 USD; modely jiných firem se platí zvlášť podle spotřeby
Lovablestavebnice5 kreditů denně, nejvýš 30 měsíčně, a 20 kreditů na provoz aplikací (ceník)Podle počtu kreditů, viz ceník
Boltstavebnice300 000 tokenů denně, 1 milion měsíčně, na zveřejněném webu značka Bolt (ceník)Pro 25 USD měsíčně
v0stavebnice7 zpráv denně, nasazení na Vercel (ceník)30 USD za uživatele měsíčně
ReplitstavebniceDenní kredity pro agenta s měsíčním stropem, jen „Lite build“, jedna zveřejněná aplikace, která se po 30 dnech vypne (dokumentace)Core 20 USD měsíčně (18 USD při roční platbě)

Na jak dlouho bezplatný limit vystačí, záleží na velikosti projektu. U Lovable stojí podle ceníku drobná úprava (změna barvy tlačítka) zhruba půl kreditu, přidání přihlašování asi 1,2 kreditu. Pět denních kreditů tak stačí na pár úprav, ne na celou aplikaci za den. Bolt upozorňuje, že čím větší projekt, tím víc tokenů spotřebuje každá zpráva.

Jak vybrat první nástroj

  • Chci si jen vyzkoušet, jak to funguje, a nic neplatit: chatbot, který už používáte, a náš návod na první aplikaci.
  • Potřebuji rychle ukázat nápad ostatním (prototyp, jednoduchý web): stavebnice v prohlížeči. Zkuste dvě, třeba Google AI Studio a jednu z Lovable, Bolt, v0 nebo Replit, a pokračujte v té, která vám sedne. Na začátek stačí bezplatné tarify.
  • Mám už projekt, chci ho rozvíjet a vidět každou změnu: AI agent v editoru (Cursor, Claude Code, Codex nebo Antigravity). Počítejte s tím, že se naučíte základy práce se soubory a s Gitem.

Žádný nástroj není nejlepší pro všechny. Kvalita výsledku navíc závisí víc na modelu, který pod nástrojem běží, než na nástroji samotném, a modely se mění v řádu měsíců. Pokud vás nástroj nebaví nebo se zasekne, zkuste stejné zadání jinde.

Rizika, o kterých se v reklamě nepíše

Bezpečnost. AI píše kód, který funguje, ale ne nutně bezpečně. Nejčastější chyby: tajné klíče (API klíče, hesla) přímo v kódu, který vidí každý návštěvník, databáze, do které může zapisovat kdokoli, a chybějící kontrola vstupů. Dokud aplikace běží jen u vás, riziko je malé. Jakmile ji zveřejníte a ukládá data jiných lidí, nechte ji zkontrolovat někým, kdo kódu rozumí.

Osobní údaje. Pokud aplikace sbírá jména, e-maily nebo jiné osobní údaje, vztahuje se na vás GDPR, i když jde o „jen malý projekt“. Sbírejte jen to, co opravdu potřebujete.

Data, která vkládáte do AI. Do zadání nevkládejte hesla, skutečné údaje zákazníků ani firemní tajemství. Jak nástroje nakládají s vašimi daty, shrnujeme v článku o soukromí v AI chatbotech.

Iluze, že je hotovo. AI často tvrdí, že chybu opravila, i když ne. Každou změnu si vyzkoušejte sami a ukládejte si funkční verze, ať se máte kam vrátit.

Náklady. Kredity se u stavebnic spotřebovávají i na opravy chyb, které nadělala sama AI. Sledujte spotřebu a u placených tarifů si nastavte limit útraty, pokud to služba umožňuje.

Jak začít: první zadání, které funguje

Nejčastější chyba je začít příliš velkou aplikací. Vyberte si jednu věc, kterou byste opravdu používali, a první verzi omezte na tři až pět funkcí. Tento prompt funguje v chatbotu i ve stavebnici:

Chci vytvořit jednoduchou webovou aplikaci: [co má dělat, např. evidence výpůjček knih v naší školní knihovně].
Bude ji používat: [kdo a na jakém zařízení].

První verze má umět jen tohle:
- [funkce 1]
- [funkce 2]
- [funkce 3]

Co aplikace dělat nemá: [např. žádné přihlašování, žádné platby, žádné odesílání dat na internet].

Zatím nepiš kód. Napiš stručnou specifikaci: obrazovky, jaká data se ukládají a jak se aplikace ovládá. Pak se mě zeptej na nejvýš 5 věcí, které jsou nejasné. Kód napiš až po mém schválení.

Proč to funguje: AI nejdřív musí popsat, jak zadání pochopila, a vy chybu v plánu opravíte dřív, než se z ní stane chyba v kódu. Seznam toho, co aplikace dělat nemá, brání tomu, aby si AI přidala funkce, o které nestojíte.

Co dál

V dalších dílech série se podíváme na to, jak napsat zadání pro větší aplikaci, porovnáme stavebnice na stejném projektu, vysvětlíme databáze a přihlašování, projdeme bezpečnostní kontrolu před zveřejněním a ukážeme první kroky s AI agenty v editoru.

Do té doby: pokud jste ještě nic nepostavili, vyhraďte si jedno odpoledne a projděte si návod na vlastní webovou aplikaci. Je to nejlevnější a nejbezpečnější způsob, jak zjistit, jestli vás vibe coding baví. Chatbota na vysvětlování kódu vám pomůže vybrat kvíz AI nástrojů.

Časté otázky

Musím umět programovat? Ne. Pomůže ale pochopit základní pojmy (soubor, prohlížeč, databáze) a naučit se číst chybové hlášky. AI vám je ráda vysvětlí.

Patří mi kód, který AI vytvoří? Většina služeb ve svých podmínkách uvádí, že výstupy patří vám. Například Lovable to píše přímo v ceníku, s výhradou práv třetích stran k použitým modelům. Před komerčním použitím si podmínky konkrétní služby přečtěte.

Zvládnu takhle aplikaci pro firmu? Interní nástroj nebo prototyp ano. Aplikaci, která pracuje s daty zákazníků, platbami nebo má být dlouhodobě udržovaná, ale před spuštěním nechte zkontrolovat programátora. Vibe coding mu ušetří práci, nenahradí ho.

Funguje to česky? Zadání můžete psát česky ve všech uvedených nástrojích a česky může být i rozhraní aplikace. Některé stavebnice mají vlastní ovládání jen v angličtině.

Shrnutí

  • Vibe coding znamená, že aplikaci popisujete a AI píše kód. Vy zadáváte a testujete.
  • Existují tři typy nástrojů: chatbot (nejjednodušší), stavebnice v prohlížeči (nejrychlejší cesta ke zveřejnění) a AI agent v editoru (největší kontrola).
  • Bezplatné tarify stačí na vyzkoušení, na větší projekt obvykle ne. Ceny a limity se často mění.
  • Největší riziko je bezpečnost zveřejněné aplikace a osobní údaje uživatelů.
  • Začněte malým projektem a naším návodem na první aplikaci.

Zdroje

Líbil se vám článek? Sdílejte ho

Zkopírováno ✓
#vibe coding#tvorba aplikací#Cursor#Claude Code#Codex#Lovable#Bolt#Replit#v0#Google AI Studio

Nástroje, které používáme

Provizi můžeme dostat jen u odkazů označených „partnerský odkaz“. Cena se vám nezmění a doporučení jsou nezávislá. Ostatní tlačítka vedou na oficiální web.