Vibe coding: začni tady

Deset minut čtení pro úplného začátečníka. Potom už jen stavíš.

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.

🙋 Chci výsledek

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 rozumět

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

1. Po malých krocích
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.
2. Verzuj od prvního dne
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.
3. Klíče nikdy do kódu
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

  1. 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ý.
  2. Založ si účet na GitHubu a u zvoleného nástroje.
  3. Otevři prompt První webová aplikace za hodinu, vyplň hranaté závorky a vlož ho do nástroje.
  4. Až první verze poběží, ulož ji (verze, GitHub) dřív, než začneš cokoli měnit.
  5. Než ji ukážeš komukoli dalšímu, projdi bezpečnostní kontrolu.

Prompty pro začátek

Kam dál

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.