Máš nápad na aplikaci, web nebo nástroj, který ti usnadní práci, a nikdy jsi neprogramoval/a? Dobrá zpráva: cena prvního pokusu klesla na nulu. Špatná zpráva: většina prvních pokusů skončí zmatkem, protože lidé začnou stavět dřív, než pochopí pár základních věcí. Tady jsou.
Co je vibe coding (a co není)
Vibe coding znamená, že aplikaci stavíš tak, že popisuješ, co chceš, a AI píše kód. Ty se díváš na výsledek a říkáš, co má být jinak. Termín zavedl začátkem roku 2025 Andrej Karpathy a slovník Collins ho vyhlásil slovem roku 2025. V roce 2026 je to běžný způsob, jak vzniká software, od osobních pomůcek po interní firemní nástroje.
Co vibe coding není: není to kouzlo, které z jedné věty vyrobí hotový produkt. Není to náhrada za rozmyšlení, co vlastně chceš. A není to způsob, jak obejít odpovědnost za to, co pustíš na internet a co v tom bude za data. AI napíše kód rychle. Rozhodnutí, co má dělat a pro koho, zůstává na tobě, a to je zároveň ta dovednost, kterou tu učíme.
Dvě polohy: chci výsledek, nebo chci rozumět?
Než si vybereš nástroj, odpověz si na jednu otázku. Obě odpovědi jsou v pořádku, ale vedou jinam.
Kód číst nechci, chci mít věc hotovou a používat ji. Typicky osobní pomůcka, web pro spolek, jednoduchý formulář.
Nástroj: stavitel aplikací v prohlížeči (Lovable, Bolt, Replit). Zadáš, počkáš, klikáš. Hosting řeší nástroj za tebe.
Riziko: když nástroj něco „neumí", nemáš kam sáhnout. Proto stavíš jen věci, kde chyba není drahá.
Chci výsledek, ale i vědět, co se pod ním děje, a časem to umět upravit sám/sama.
Nástroj: AI editor kódu (Cursor, VS Code s Copilotem), později agent v terminálu (Claude Code). AI píše, ty čteš a ptáš se „co jsi právě udělal a proč".
Riziko: pomalejší start. Odměna: po pár týdnech jsi schopný/á stavět věci, které stavitelé nezvládnou.
Nevíš? Začni první cestou. Když tě to chytne, přejdeš na druhou. Opačně to jde hůř.
Co budeš potřebovat
- Účet u jednoho nástroje. Pro první cestu Lovable nebo Bolt (bezplatný tarif stačí na první projekt). Pro druhou Cursor (má bezplatnou zkušební verzi) a účet u Claude nebo ChatGPT.
- Účet na GitHubu. Zdarma. Je to místo, kam se ukládá historie tvého kódu. I stavitelé aplikací se na něj umí napojit a bez něj nemáš cestu zpět, když se něco rozbije.
- Dvě hodiny v kuse. Ne pět minut mezi schůzkami. První projekt potřebuje soustředění, druhý už ne.
- Jednoduchý nápad. Ne „sociální síť pro zahrádkáře", ale „seznam mých rostlin s datem zálivky". Malý nápad, který dotáhneš, tě naučí víc než velký, který opustíš.
Deset pojmů, bez kterých se neobejdeš
Nástroje je budou používat a AI taky. Nemusíš je umět vysvětlit, stačí vědět, co znamenají. Podrobnější výklad najdeš ve slovníku AI.
- Frontend a backend
- Frontend je to, co vidíš a na co klikáš. Backend je to, co běží na serveru: ukládá data, ověřuje přihlášení. Jednoduchá pomůcka může být jen frontend.
- Databáze
- Místo, kde aplikace trvale ukládá data (uživatele, záznamy, objednávky). Bez ní se po obnovení stránky všechno ztratí.
- Repozitář (repo)
- Složka s kódem projektu včetně celé historie změn. Žije na GitHubu. Jeden projekt, jeden repozitář.
- Commit
- Uložený bod v historii kódu s popisem, co se změnilo. Když něco rozbiješ, vrátíš se k poslednímu commitu, který fungoval.
- Deploy (nasazení)
- Přenesení aplikace z tvého počítače nebo nástroje na server, aby na ni mohli ostatní přes internet.
- Hosting a doména
- Hosting je server, kde aplikace běží. Doména je adresa (mujprojekt.cz), pod kterou ji lidé najdou. Obojí se dá koupit zvlášť a propojit.
- API klíč
- Heslo, kterým tvoje aplikace prokazuje, že smí používat cizí službu (třeba AI model nebo mapy). Kdo ho má, platí tvůj účet. Nikdy nepatří do kódu.
- Proměnná prostředí
- Nastavení, které aplikace čte při startu a které není v kódu: právě sem patří API klíče a hesla. Nástroje mají pro ně zvláštní políčko.
- Terminál
- Černé okno, do kterého píšeš příkazy textem. Agenti jako Claude Code v něm žijí. Pro první cestu ho nepotřebuješ, pro druhou ano.
- Agent
- AI, která nejen odpovídá, ale i koná: čte soubory, spouští příkazy, opravuje chyby, dokud úkol nedokončí. Silný pomocník, který potřebuje jasné hranice.
Tři pravidla, která platí vždy
Nikdy „udělej celou aplikaci" na jeden pokyn. Jedna změna, jedna kontrola, další změna. Nejdřív chtěj plán a otázky, kód až po tvém schválení. Opravit plán trvá minutu, opravit hotový kód hodiny.
Zapni historii verzí nebo napojení na GitHub hned, ne až „to bude fungovat". Nejčastější příčina, proč začátečníci přijdou o hodinovou práci, je druhá úprava, která rozbila první verzi, a žádná cesta zpět.
API klíče a hesla patří do proměnných prostředí. Klíč, který se dostane na veřejný GitHub, někdo zneužije do hodiny a účet zaplatíš ty. Když si nejsi jistý/á, zeptej se AI: „Nejsou v kódu žádná tajemství natvrdo?"
Tvůj první krok
- Napiš si na papír jednu větu: co aplikace dělá a pro koho. Když se to do jedné věty nevejde, je nápad moc velký.
- Založ si účet na GitHubu a u zvoleného nástroje.
- Otevři prompt První webová aplikace za hodinu, vyplň hranaté závorky a vlož ho do nástroje.
- Až první verze poběží, ulož ji (verze, GitHub) dřív, než začneš cokoli měnit.
- Než ji ukážeš komukoli dalšímu, projdi bezpečnostní kontrolu.
Prompty pro začátek
Kolik bude provoz mé aplikace stát? Odhad před stavbou
Postavit aplikaci je dnes skoro zadarmo, provozovat ji ne. Prompt spočítá měsíční účet za hosting, databázi, AI tokeny a doménu ve třech scénářích, dřív než utratíte první kredit.
Vysvětli mi, co jsi právě udělal: učení za pochodu při vibe codingu
Chcete stavět s AI a zároveň rozumět tomu, co vzniká? Přidejte tuhle krátkou instrukci na konec každého zadání. Agent pak po každé změně přiloží vysvětlení pro laika, bez zpomalení práce.
Z nápadu na seznam obrazovek a dat: příprava před prvním zadáním
Než napíšete první zadání pro Lovable, Bolt nebo Claude Code, nechte si nápad rozložit na obrazovky, data a scénáře. Deset minut s tímto promptem ušetří hodinu oprav v nástroji.
Přehled nástrojů s rozhodovacím stromem a první projekt krok za krokem připravujeme. Do té doby najdeš všechno k tématu na vstupní stránce sekce a v článcích se štítkem Vibe coding.