Máte nápad na jednoduchou aplikaci, kalkulačku pro zákazníky nebo web, ale programovat neumíte a vývojář je drahý? Dnes můžete aplikaci popsat obyčejnou češtinou a nechat ji postavit umělou inteligenci. Tomu se říká vibe coding.
V tomhle článku vysvětlím, co vibe coding je, co si s ním reálně postavíte a které nástroje se hodí pro začátek. Na konci najdete postup pro první projekt, který zvládnete i bez znalosti programování.
Co je vibe coding
Vibe coding je způsob tvorby aplikací a webů, při kterém kód nepíšete sami. Popíšete AI, co chcete, ona kód napíše, vy výsledek vyzkoušíte a řeknete, co upravit. Místo programovacího jazyka používáte běžnou řeč.
Pojem poprvé použil Andrej Karpathy, spoluzakladatel OpenAI a bývalý šéf AI v Tesle, v únoru 2025 na síti X. Popsal tak svůj styl práce, kdy se nechá unést a na samotný kód skoro zapomene. Slovo se rychle uchytilo a dnes se jím označuje celé odvětví nástrojů, které z popisu udělají hotovou aplikaci.
Práci ale pořád řídíte vy: rozhodujete, co má aplikace umět, a každou změnu vyzkoušíte. AI za vás píše kód.
Jak vibe coding vypadá v praxi
Celé to probíhá jako rozhovor. Typicky se opakuje tento cyklus:
- Popíšete, co chcete postavit. Třeba: „Udělej kalkulačku ceny malování bytu. Zákazník zadá metry čtvereční a počet místností a uvidí orientační cenu.“
- AI během pár minut vytvoří první verzi, kterou si hned otevřete v prohlížeči.
- Vyzkoušíte ji a napíšete, co nesedí: „Přidej výběr barvy stěn“ nebo „Tlačítko na mobilu přetéká.“
- AI to opraví a vy znovu zkoušíte. Takhle pokračujete, dokud nejste spokojení.
Takhle teď stavím i koncepty svého nového osobního webu. Určuji, co má web umět, a každou změnu vyzkouším. AI mi zrychlí hlavně rutinu, kterou bych jinak dělal mnohem déle.
Využití vibe codingu
Vibe coding se nejlépe hodí na menší projekty, kde chyba nic zásadního neohrozí:
- jednoduché weby a landing page,
- kalkulačky a formuláře pro zákazníky,
- interní nástroje pro firmu, třeba přehled zakázek nebo generátor nabídek,
- prototypy, na kterých si ověříte nápad dřív, než zaplatíte vývoj,
- malé hry a interaktivní prvky na web.
Opatrní buďte u aplikací, které pracují s osobními údaji, platbami nebo citlivými daty. AI umí napsat funkční kód, ale bezpečnostní chyby v něm začátečník nepozná. U takových projektů si nechte kód zkontrolovat programátorem.
Nejlepší nástroje pro vibe coding
Nástrojů přibývá každý měsíc. Pro začátek stačí znát pět, které se od sebe liší hlavně tím, kolik techniky vám ukážou.
| Nástroj | Co to je | Pro koho | Znalost kódu |
|---|---|---|---|
| Lovable | aplikace a weby z chatu v prohlížeči | úplní začátečníci | není potřeba |
| Bolt.new | podobný nástroj v prohlížeči | začátečníci, rychlé prototypy | není potřeba |
| Hostinger Horizons | AI tvorba webových aplikací včetně hostingu | kdo chce mít aplikaci i hosting na jednom místě | není potřeba |
| Cursor | editor kódu s AI | pokročilejší, kdo chce kód vidět a upravovat | základy pomohou |
| Claude Code | AI agent od Anthropicu, pracuje přímo s vašimi soubory | větší projekty a automatizace | základy pomohou |
Lovable: nejlepší volba pro začátek
Pokud jste nikdy neprogramovali, začněte s Lovable. Funguje v prohlížeči, nic neinstalujete a hotovou aplikaci zveřejníte tlačítkem. Ve verzi zdarma ji uvidí jen lidé, které pozvete, veřejně a na vlastní doméně ji spustíte od tarifu Pro. Verze zdarma nabízí 5 kreditů denně (nejvýš 30 měsíčně), což na vyzkoušení stačí. Na větší projekt budete potřebovat placený tarif.
Návod krok za krokem, ceník a ukázky zadání najdete v článku Lovable: návod v češtině.
Cursor a Claude Code: když chcete víc kontroly
Jakmile vám hotové prostředí přestane stačit, přejděte na Cursor nebo Claude Code. Pracují s kódem přímo na vašem počítači, takže máte nad projektem plnou kontrolu a můžete ho nahrát na vlastní hosting. Sám dnes pracuji hlavně s Claude Code.
Jak začít: první projekt krok za krokem
- Vyberte si malý, konkrétní cíl. Třeba formulář, který z odpovědí spočítá cenu. Aplikaci na řízení celé firmy si nechte na později.
- Popište ho jako zadání kolegovi. Pro koho to je, co má uživatel udělat a co má vidět. Čím konkrétnější popis, tím lepší první verze.
- Založte si účet v Lovable (nebo jiném nástroji) a zadání vložte do chatu.
- Vyzkoušejte první verzi jako běžný uživatel, i na mobilu. Zapisujte si, co nefunguje.
- Opravujte po jedné věci. Když chcete pět změn najednou, AI se snadno splete.
- Až jste spokojení, aplikaci zveřejněte a pošlete ji prvním lidem.
Ukázka zadání pro první projekt
Vytvoř jednoduchou webovou kalkulačku pro malíře pokojů. Zákazník vyplní plochu stěn v m², vybere, jestli chce jednu, nebo dvě vrstvy barvy, a zadá svůj e-mail. Kalkulačka ukáže orientační cenu při 120 Kč za m² a vrstvu. Design čistý, světlý, dobře čitelný na mobilu. Texty česky.
Nejčastější chyby začátečníků
1) Příliš velké zadání
AI zvládne hodně, ale obří zadání vede k chaosu. Začněte malým jádrem a funkce přidávejte postupně.
2) Mnoho změn najednou
Každou úpravu zadejte zvlášť a hned ji vyzkoušejte. Když se něco rozbije, víte, co to způsobilo.
3) Chybí testování
To, že aplikace vypadá hotově, ještě neznamená, že funguje. Klikněte na každé tlačítko a zkuste zadat i nesmysly.
4) Hesla a klíče v chatu
Přístupové údaje do zadání nepatří. Nástroje mají na tajné klíče vlastní bezpečné nastavení.
5) Projekt bez zálohy
Většina nástrojů umí projekt propojit s GitHubem nebo exportovat kód. Využijte to, ať o práci nepřijdete.
Vibe coding vs. WordPress
Na obsahový web, blog nebo firemní prezentaci je pořád jednodušší WordPress. Máte hotový redakční systém, tisíce šablon a pluginů a články přidáváte bez úprav kódu. Postup najdete ve WordPress návodu pro začátečníky a v přehledu nejlepších WordPress šablon.
Vibe coding se vyplatí tam, kde potřebujete něco, co hotová šablona neumí: vlastní kalkulačku, nástroj nebo aplikaci. Obojí jde i kombinovat, třeba kalkulačku z Lovable vložíte do webu na WordPressu.
Časté otázky o vibe codingu
Musím umět programovat?
Ne. S nástroji jako Lovable nebo Bolt stačí česky popsat, co chcete. Základní představa o tom, jak web funguje, ale pomůže, hlavně když něco nefunguje.
Je vibe coding zdarma?
Většina nástrojů má verzi zdarma na vyzkoušení. Lovable dává zdarma 5 kreditů denně. Na větší projekty budete potřebovat placený tarif.
Je vibe coding bezpečný?
U jednoduchých webů a interních nástrojů ano, pokud dodržíte základní pravidla: hesla ani citlivá data do chatu nepatří. U aplikací s platbami nebo osobními údaji si nechte kód zkontrolovat odborníkem.
Jaký je rozdíl mezi vibe codingem a no-code nástroji?
V no-code nástrojích, jako je Webnode, skládáte web z hotových bloků. Při vibe codingu AI píše skutečný kód, takže postavíte i věci, pro které žádný hotový blok neexistuje.
Nahradí vibe coding programátory?
Spíš změní jejich práci. Jednoduché věci si lidé postaví sami a programátoři se víc věnují velkým systémům, bezpečnosti a kontrole kódu.
Chcete se vibe codingu naučit, nebo potřebujete nástroj pro svou firmu? Na kaczor.cz najdete, jak s AI pracuji a s čím vám můžu pomoct.
Je článek užitečný?
Napsat komentář