Epizoda rozebírá vibe coding jako přístup k tvorbě webových aplikací bez programátorských znalostí — od prvního promptu přes výběr nástroje (Makali, Lavable, Bolt) až po publikování. Dozvíš se, jak správně formulovat zadání, jak šetřit kredity a na co si dát pozor při práci s API klíči a verzováním. Jde o praktický průvodce pro úplné začátečníky, ale i pro ty, kteří už něco zkoušeli a chtějí pracovat systematičtěji.
Začni s webovými buildery (Makali, Lavable, Bolt), ne s pokročilými nástroji jako Cursor nebo Claude Code — buildery řeší databázi, autentizaci, hosting i deployment automaticky za tebe.
Čím přesnější prompt, tím lepší výsledek a nižší spotřeba kreditů — neboj se napsat zadání do detailu, ideálně si ho nejdřív nadiktuj, pak uprav v ChatGPT nebo Claudovi a nech ho, ať se doptá na nejasnosti.
U složitějších projektů nejdřív vytvoř prototyp v chatovém asistentovi, proklikej ho a teprv pak spusť ostrý vývoj v builderu — ušetříš čas i kredity za pozdní strukturální změny.
Verzování (git) je záchranná síť: buildery jako Makali ho dělají automaticky, takže se kdykoli vrátíš do funkčního stavu — bez gitu riskuješ, že rozbité změny nebudeš schopen vrátit.
API klíče (secrets) nikdy nevkládej přímo do chatu — buildery mají záložku Secrets, kde se klíče ukládají bezpečně; Makali navíc běžné integrace (email, rezervace) nastaví sám bez toho, že bys musel generovat klíče ručně.
Nezabývej se nekonečným porovnáváním nástrojů — registruj se do dvou tří builderů, dej jim stejný prompt a vyber ten, jehož výstup a UI ti nejvíc sedí; důležité je začít něco tvořit, ne hledat dokonalý nástroj.
Historie chatu se neukládá. Po opuštění stránky bude smazána.
Vibe coding je způsob tvorby softwaru, kdy jako uživatel nevíš, co je v kódu — promptuješ AI agenta, popisuješ mu, co chceš, a on kód napíše za tebe. Termín pochází od Andreje Karpathyho, který ho tweetnul v únoru 2023, a od té doby se ujal jako označení tohoto přístupu. Důležité je odlišit ho od tzv. agentic engineeringu, kde vývojář AI používá jako nástroj, ale kódu rozumí a kontroluje ho — vibe coding je naproti tomu přístup bez technického zázemí.
Nejjednodušší první krok je otevřít ChatGPT nebo Claudea a poprosit ho o jednoduchou HTML stránku nebo webovou hru — výsledek se zobrazí přímo v pravém panelu. Moc daleko tě to nedostane, ale pochopíš, že z textového promptu může vzniknout fungující program. Dalším krokem jsou specializované buildery: Makali (český nástroj s českou podporou a tutoriály), Lavable nebo Bolt. Tyto nástroje mají předpřipravené systémové prompty, automaticky nastaví databázi, přihlašování, odesílání e-mailů i analytiku — a publikování je otázka jednoho kliknutí.
Kvalita výsledku stojí a padá se zadáním. Nestačí napsat "chci úkolníček" — přidej barvy, funkce, chování po kliknutí, zda má být přístup chráněn heslem. Praktický postup: nadiktuj svou představu do aplikace jako Whisper Flow nebo Super Whisper, text hoď do Claudea nebo ChatGPT a řekni mu, ať vytvoří PRD (product requirement document) a doptá se na nejasnosti. Takto odladěné zadání pak vložíš do builderu. U jednodušších webů (landing page, vizitka) klidně začni přímo v builderu a iteruj vizuálně — u složitějších aplikací s více obrazovkami a byznys logikou se vyplatí nejdřív proklikat prototyp, teprve pak spustit ostrý vývoj.
Sleduj spotřebu kreditů — platíš za vše, co agent zpracuje: tvůj prompt, systémový prompt nástroje, prohledávání kódu i generovaný výstup. Přesný textový prompt je levnější než vágní zadání se screenshotem, i když screenshot někdy komunikuje záměr lépe. Pokud upravuješ konkrétní prvek stránky, použij funkci výběru elementu v builderu a promptuj přímo na něj — ušetříš tokeny za hledání v kódu.
APIklíče (secrets) nikdy nevkládej přímo do chatu — buildery mají záložku Secrets, kam se klíče bezpečně uloží. Makali navíc mnoho integrací (e-mail přes Resend, rezervační systémy) nastaví automaticky, aniž bys musel klíče vůbec generovat. Verzování řeší buildery taky za tebe — v historii chatu se vrátíš na libovolný funkční stav. Pokud přejdeš na pokročilejší nástroje (Cursor, Claude Code), přečti si základy gitu a agentovi řekni, ať ho používá.
Na závěr jedno praktické doporučení: neztrať se v porovnávání nástrojů. Zaregistruj se do dvou tří builderů, dej jim stejný prompt a vyber ten, jehož výstup a UX ti sedí. Vibe coding je dovednost — čím víc tvoříš, tím lepší cit pro promptování a strukturu projektu získáš.