Vibe coding po roce a 16 projektech: co AI v tvorbě webů opravdu zvládá

Lidi se mě poslední dobou často ptají, jestli AI umí napsat funkční web. Odpověď znám pořádně — všech mých 16 posledních projektů, včetně PražskéMuzikály.cz, Zveráč.cz, BIGG.cz nebo RealFree.cz, vzniklo s pomocí AI. Tohle je upřímná zpráva po více než roce ostré praxe — kde to mě nadchlo, kde mě to zklamalo a co bych dělal jinak, kdybych začínal dnes.

Co je vibe coding a proč o tom všichni mluví

Termín „vibe coding" jako první popsal Andrej Karpathy (bývalý šéf AI v Tesle, OpenAI co-founder) v lednu 2025. Definoval ho jako přístup, kdy „se opravdu ponoříte do vibu, přijmete exponenty a zapomenete, že kód vůbec existuje".

V praxi to znamená: píšete prompty, ne kód. AI generuje. Vy testujete, řešíte chyby přes další prompty, refaktorujete přes „udělej tohle hezčí, jen mi zachovej funkčnost X". Kód se stává jen artefaktem — důležitý je výsledek.

Zní to jako sci-fi, ale poslední rok je to realita. Píšu produkční kód takhle už víc než rok a půl. A nejsem sám — celé start-upy z YC ($1M+ ARR) přiznávají, že většinu kódu generují AI nástroje.

Ale — a tohle „ale" je zásadní — vibe coding není automatická pohoda. AI je dobrý junior, kterému nemůžete věřit slepě. Pokud nevíte, co dělá, dostanete zranitelný, pomalý nebo úplně rozbitý kód. Tady je moje cesta.

Moje cesta: od pluginů k Claude Code

1. Začátky: pluginy pro WordPress přes ChatGPT

Začal jsem zhruba před dvěma lety. Tehdy jsem pracoval hodně s WordPress weby a potřeboval jsem k nim pluginy na míru — vlastní typy obsahu, integrace s API, custom šablony. ChatGPT byl novinka. Otevřel jsem ho a začal: „Napiš mi WordPress plugin, který udělá X."

Výsledky byly mixované. Krátké pluginy (jeden soubor, jedna funkce) zvládl rozumně. Ale jakmile to mělo víc souborů nebo komplexnější logiku, dostával jsem zastaralé patterny, deprecated funkce a kód, který ve verzi WordPressu z roku 2025 prostě nefungoval. Naučil jsem se ChatGPT psát detailní specifikace — verzi WP, jaké hooks chci použít, co má plugin dělat krok za krokem.

2. Vlastní stránky: skládání kódu přes chat

Pak jsem zkusil úplně jednoduché statické stránky. Ne pluginy do WP, ale rovnou kompletní mini weby — landing pages, jednoduché portfolio stránky. Konverzaci s ChatGPT jsem vedl jako „dej mi HTML pro hero", „teď mi přidej sekci s recenzemi", „přidej do toho menu".

Tady jsem narazil na zásadní bolest: propojení souborů. Když jsem chtěl změnit barvu tlačítka, ChatGPT mi vrátil celý soubor znovu — ale třeba s drobnými změnami v jiných místech, které jsem nechtěl. Postupně se mi do projektu plížila nekonzistence: jeden soubor používal jednu konvenci, jiný druhou. Údržba byla peklo. Co bych za to tehdy dal za nástroj, který ví, co je v ostatních souborech.

3. Přechod na Claude

Pak jsem zkusil Claude (Anthropic). První dojem: lepší kód. Lepší design rovnou v prvním pokusu. Pochopil kontext. Když jsem řekl „udělej landing page pro X", dostal jsem moderní design s rozumným spacingem, typografií a barvami — ne generický Bootstrap z roku 2018.

Hlavní změna oproti ChatGPT: Claude lépe drží konverzaci. Když jsme pracovali na projektu hodinu, Claude pořád věděl, jaký jsem na začátku stanovil styl, jaké jsou názvy proměnných, jakou strukturu používáme. ChatGPT mi občas v 30. minutě navrhl řešení, které popíralo to, co jsme dohodli v 10. minutě.

Ale pořád to byl chat. Pořád jsem kopíroval kód mezi prohlížečem a editorem. Pořád jsem nevěděl, co Claude přesně vidí z mého projektu.

4. Claude Code Max 20x — kde to klikne

Pak vyšel Claude Code (CLI nástroj od Anthropic). Tady to opravdu cvaklo. Najednou Claude vidí celý můj projekt, čte přímo soubory, edituje je sám, spouští testy, dělá commity. Konverzace už není „dej mi kód, zkopíruju ho" — je to „upravený tenhle soubor, prosím přidej XYZ". Claude to udělá, vrátí diff, já potvrdím.

Předplatil jsem si Max 20x plán a od té doby je to můj jediný vývojářský nástroj. Žádný Cursor, žádný Copilot — jen Claude Code v terminálu. Pro mě je to nejlepší poměr mezi „mám pod kontrolou, co se děje" a „nemusím vše psát rukou".

5 projektů, které jsem postavil s AI (a co o nich vím)

1. PražskéMuzikály.cz — kulturní portál se 2 000+ termíny

Největší specializovaný portál pro muzikály v ČR. 70+ divadel, 2 000+ představení, kompletní termíny, recenze, hodnocení. Vlastní CMS, žádný WordPress.

Co napsala AI: Kompletní kulturní portál v PHP + MySQL — frontend, backend, administraci. Admin má ~40 sekcí: správa představení a divadel, kalendáře termínů, kategorie, speciální stránky, články + revize verzí, kvízy, recenze, komentáře, hodnocení, fórum, komunitní portál, samostatné rubriky „Muzikály pro děti" a „Kultura pod hvězdami", hromadné zprávy, reklamní bannery + sidebary, presmerovani, paticka, kategorie menu, sitemap, SEO, statické stránky, info-lista, správa uživatelů, importy, bezpečnostní log. Affiliate tracking se 4 typy tagů (PM-*, PM-D-*, PMSideBar*, kalendáře). Importer kulturních termínů z XML feedu affiliate partnera Colosseum Ticket (denní cron synchronizace). OneSignal push notifikace. OAuth (Google + Facebook). reCAPTCHA Enterprise + IP banning + brute-force protection. Sitemap-index s 8 sub-sitemap. 6 typů Schema.org JSON-LD.

2. Zveráč.cz — srovnávač cen pro mazlíčky, 53 000+ produktů

Affiliate srovnávač cen pro zoo produkty. 53 000+ produktů z 20+ obchodů, real-time porovnání cen, recenze, AI personalizace doporučení.

Co napsala AI: Celou srovnávací/zoo platformu v PHP + MySQL — frontend, backend, administraci. Admin s ~30 sekcemi: produkty, eshopy (více obchodů s feedy), kategorie, štítky, atlas plemen, články + kategorie článků, ankety, page builder, sidebary, bannery, paticka, presmerovani, media, importy, newsletter, SEO, šablony, uživatelé, nastaveni. Vlastní visual Page Builder (drag & drop sekce) a vlastní Email Builder s WYSIWYG editorem pro newslettery. Mailgun integrace pro transakční maily + webhook handler. API endpointy: banner-click tracking, email-track (open/click), newsletter-subscribe, mailgun-webhook, widgets. Cron synchronizace produktových feedů. Tracking affiliate prokliků s cookie atribucí (go.php → redirect-handler). Fulltextové vyhledávání produktů a článků.

3. BIGG.cz — zpravodajsko-lifestylový magazín

26 kategorií článků, 21 vestavěných online aplikací (kalkulačky, generátory, převodníky), AI generování shrnutí, daily newsletter automation.

Co napsala AI: Celý zpravodajsko-lifestylový portál v PHP + MySQL — frontend, backend, administraci s ~40 sekcemi. Redakční CMS pro články + kategorie + štítky + revize, registrace a profily čtenářů, fulltextové hledání, page builder pro landing stránky. 21 vestavěných mini-aplikací: BMI kalkulačka, kalorie, hypoteční kalkulačka, mzda, důchod, spoření, ovulace, těhotenský kalendář, kouření, hydratace, IQ test, generátor jmen, QR + barcode generátor, převodník měn a jednotek, generátor podpisů, image converter, šifrátor, časovač, generátor náhodných čísel, půjčka. 3 hry s žebříčky a komentáři: sudoku, křížovky, osmisměrky + gamifikace + měsíční žebříček. Firemní katalog (přidat firmu, upravit, kategorie, recenze, embed widgety). Horoskopy denní/týdenní/měsíční pro 12 znamení. Svátky, TV program, počasí, tooltip-slova systém (autolink výrazů ve článcích).

4. RealFree.cz + .sk — realitní portál bez provize

Bezprovizní realitní portál, kombinace CZ + SK trh. Vyhledávání podle lokace (PostGIS), filtry, mapa, kontaktní formuláře přímo na inzerenta.

Co napsala AI: Kompletní realitní portál pro CZ + SK trh — backend, frontend a velmi rozsáhlou administraci s ~55 sekcemi. Frontend: detail nemovitosti, mapa, vyhledávání, blog, profily, onboarding, premium plány, press stránka, porovnání nemovitostí, konverzace majitel↔zájemce, dvojjazyčný (CZ + SK doménově oddělené). 4 kalkulačky: hypotéka, daň z prodeje, úrok + kauce, výnos z pronájmu. Hlídací psi (saved searches) s push notifikacemi nových inzerátů. Admin pokrývá vše: AB testy, analytics, marketing dashboard, lead scoring, email-stats + odeslané emaily, schvalování inzerátů + poptávek, monetizace + premium users, referral systém, Meta OAuth integrace (Facebook), social publish, newsletter compose, push prompt, 404 chyby management, automatické doporučení emailem, AI „přiblížit" inzeráty podobné saved search. PDF leták generátor, statistiky inzerenta, „napsali o nás" reference, zmeny inzeratu audit log.

5. FMAN.cz — srovnávač cen pro muže

Affiliate srovnávač zaměřený na pánskou módu, kosmetiku a hobby. 3 600+ produktů, automatický feed import z partnerských obchodů.

Co napsala AI: Celý affiliate srovnávač/portál pro pánské zboží — frontend, backend, administraci s ~27 sekcemi. Postavený na sdíleném vlastním CMS jádře (které jsem reusoval z dalších svých projektů — multi-tenant architektura). Frontend: detail produktu, kategorie, štítky, články, eshopy, průvodce nákupem, hledání. Admin: dedikovaná affiliate sekce pro správu partnerských programů, produkty, eshopy + importy feedů, kategorie produktů + článků, page builder pro landing stránky, ankety, bannery, sidebary, presmerovani, paticka, SEO, šablony. Gift Oracle API — interaktivní doporučovač dárků podle filtrů (věk, zájmy, cena). Tracking affiliate prokliků přes go.php a redirect-handler s cookie atribucí. Cron import feedů, banner-click tracking, custom widgety pro embed na externí weby.

5 věcí, kde AI v kódu opravdu exceluje

1. Boilerplate a opakující se vzory

CRUD operace, REST endpointy, validace, formuláře — AI vygeneruje za vteřinu to, co byste sami psali půl dne. PHP backend, React komponenty, Tailwind layouty — to AI zvládá mistrovsky.

2. Refaktoring kódu, který jste napsali sami

„Tahle funkce má 200 řádků, rozděl ji na menší." „Tenhle CSS přepiš na Tailwind utility classes." „Tohle PHP přepiš s type hints." AI vám refaktoruje 95 % případů správně.

3. Schema.org markup

JSON-LD pro Article, Product, Event, FAQPage — AI ho zvládá lépe než většina vývojářů (přečetla celé schema.org docs). Generuju schema pro každou stránku přes AI prompt, jen ho potom kontroluju.

4. Migrace a transformace dat

„Vezmi CSV s 20 sloupci a převeď ho na 3 SQL tabulky s těmito vztahy." „Tenhle JSON normalizuj do databázové struktury." AI napíše migrační skripty rychleji, než byste si stihli načrtnout první SQL příkaz.

5. Dokumentace a komentáře

Napsat PHPDoc, README, API dokumentaci — AI to udělá ze samotného kódu za 10 sekund. Většina vývojářů na to nemá chuť, AI nemá ego a popíše každou funkci poctivě.

5 věcí, kde AI zatím selhává

1. Optimalizace výkonu na reálných datech

AI vám napíše SQL dotaz, který vypadá elegantně. V devu na 100 řádcích funguje skvěle. Pak nasadíte 10 milionů řádků v BIGG.cz a dotaz trvá 8 sekund. AI vás na to neupozorní, dokud výslovně nezeptáte „bude tohle fungovat na 10 milionech řádků?". A i pak řešení často není ideální. Tady musíte mít vlastní know-how + EXPLAIN.

2. Bezpečnost mimo standardní vzory

AI ví o SQL injection a XSS. Ale neumí myslet jako útočník. Race conditions ve formulářích pro víc uživatelů, IDOR (Insecure Direct Object Reference), business logic bypasses (manipulace cen v košíku přes JS), CSRF v API endpointech — to AI nevidí. Musíte jí výslovně říct „udělej audit z pohledu útočníka" a i potom hledat dál.

3. Kontextová rozhodnutí s dlouhodobým dopadem

„Mám použít multi-tenant DB nebo separované schemas?" „Cache do Redis nebo do DB?" „Server-side rendering nebo SPA?" AI vám dá obě strany výhody/nevýhody, ale finální rozhodnutí musíte udělat vy — závisí to na vašich pravidlech, rozpočtu a týmu. AI nezná váš kontext.

4. Hraniční případy v reálných datech

Párování EAN v Zveráč.cz, deduplikace inzerátů v RealFree.cz, AI tagování článků v BIGG.cz — všechno funguje na 80 % případů a posledních 20 % vás stojí trojnásobně víc času. AI v těchto 20 % halucinuje, vy musíte testovat ručně proti reálným datům a iterovat.

5. Dlouhodobá údržba a evoluce produktu

AI vám napíše 1. fázi krásně. Ale za 6 měsíců potřebujete přidat funkci, která se nehodí do původního návrhu. AI vám dá nejjednodušší řešení, které ale rozbije konzistenci nebo udělá změnu, kterou budete přepisovat za rok znovu. Strategický pohled — kde produkt bude za 2 roky — musí mít člověk.

Můj reálný workflow v Claude Code (přesně jak to dělám)

Tohle je můj denní postup po roce a půl iterace. Funguje pro nové projekty i pro úpravy existujících webů:

Fáze 1: Architektura (15 min, jen člověk)

Otevřu notebook a píšu si rukou. „Co chce uživatel? Jaký je datový model? Jaké jsou hlavní use cases?" Tohle nikdy nedělám s AI — souhlasila by se vším, co jí navrhnu, a navrhla by nejjednodušší řešení.

Fáze 2: První draft (Claude Code, 1–3 hodiny)

V terminálu spustím claude, projekt už zná. Napíšu detailní prompt: „Stavíme e-shop. Backend PHP 8.3, MySQL, vlastní CMS. Tady je datový model, tady existující helpery. Vytvoř CRUD pro Produkty s těmito features…". Claude Code projde repo, navrhne změny, ukáže mi diff. Já potvrdím nebo opravím prompt.

Fáze 3: Iterace (Claude Code, 30 min – 4 hod)

Spustím dev server, otevřu produkt v prohlížeči. Vidím co nefunguje. „Chyba při uložení formuláře, traceback je tohle…" — Claude to opraví. „Chci přidat tohle pole" — přidá. Tohle je opravdu „vibe" režim — žádné psaní kódu, jen iterace přes konverzaci.

Fáze 4: Vlastní review (1–2 hod, jen člověk)

Po základním fungování projdu code review sám. Bez AI. Hledám bezpečnostní díry, performance bottlenecks, hraniční případy. AI tady selhává — když jste v „módu vibu", ona vám nadšeně přitakává.

Fáze 5: Testování (s AI, 30–60 min)

„Napiš mi unit testy pro tuhle service." „Co jsem mohl zapomenout otestovat?" Tady AI pomůže — neviděla můj review, takže přijde s pohledem zvenku.

Fáze 6: Deploy + monitoring (vlastní)

Deploy mám automatizovaný (Git push → FTP sync), monitoring přes Microsoft Clarity + Cloudflare Analytics. AI sem nesahá — to je provoz, ne kódování.

Srovnání AI nástrojů z mé praxe

Tady moje upřímná zpráva z 18 měsíců — co jsem zkoušel a u čeho jsem zůstal:

Moje denní setup: Claude Code Max 20x — celý projekt mám v terminálu, jeden flow. Občas Claude web pro long-form plánování (Project knowledge, kde mám persistent context o businessu, kódu, naming conventions). To je celý můj stack.

Cursor jsem zkoušel, je to dobrý nástroj, ale Claude Code mi sedí víc — preferuju terminál a explicitní diff/approval workflow.

Kdy NE vibe coding (red flagy)

Vibe coding není univerzální řešení. Tady jsou situace, kdy radši kódujte ručně nebo si najměte vývojáře:

• Compliance-heavy projekty (banky, zdravotnictví, GDPR-strict). AI nevidí konkrétní legislativní požadavky.
• Real-time systémy (trading, gaming, IoT) s extrémními požadavky na výkon. AI nemá citlivost na mikrosekundy.
• Když nevíte, jak by řešení mělo fungovat. AI vám dá první rozumné řešení, ale neumí říct „tohle není správný přístup". Bez vlastní expertízy se zaseknete.
• Bezpečnostně kritické moduly (autentizace, platby, ukládání hesel). AI píše „good enough" kód, ne enterprise-grade security.
• Legacy systémy s nezdokumentovaným kódem. AI bez kontextu generuje řešení, která rozbíjí stávající business logic.

Často kladené otázky

Je vibe coding rychlejší než klasické kódování?

Pro běžné CRUD aplikace 3–5×. Pro složitější business logic s hraničními případy jen 1,5–2×, protože iterace na posledních 20 % vás zabije. Pro optimalizaci výkonu nebo security audit může být dokonce pomalejší — AI vás zavede špatným směrem, vy strávíte víc času laděním, než byste sami psali ručně.

Můžu se naučit vibe coding bez programátorského základu?

Pro MVP a prototypy ano. Pro produkční web pro klienty ne. Bez znalosti databází, sítí, bezpečnosti a deploymentu nepoznáte, kdy vám AI dává blbost. Ztroskotáte na první session s reálnými uživateli.

Jaký programovací jazyk je nejlepší pro vibe coding?

Python a JavaScript/TypeScript — AI je v nich excelentní (množství trénovacích dat). PHP, Go, Rust — taky dobré. Méně populární jazyky (Elixir, Clojure) — AI píše horší kód kvůli menšímu množství příkladů. Pokud máte na výběr, jděte do mainstream stacku.

Co s autorskými právy ke kódu vygenerovanému AI?

V ČR a EU platí: AI-only generovaný kód není chráněn autorským právem (soudní praxe 2023–2024). Pokud ale člověk dělá podstatný kreativní input (prompting, architektura, review, úpravy), kód je chráněn jako jeho dílo. Pro klientskou práci — vždy ošetřete smluvně, kdo má rights.

Naučí se AI rozumět konkrétně mému stylu kódování?

Částečně. Claude Code se učí z kontextu otevřených souborů — pokud má dostatek vašeho kódu v contextu, napodobí váš styl (naming, struktury, patterns). Long-term memory nemá, takže každé sezení začíná „studiem" z nuly. Pomáhá custom instructions na úrovni projektu (Claude project knowledge, CLAUDE.md soubor).

Jak bude vývoj webu s AI vypadat za 2 roky?

Predikce 2027: pro běžné webové projekty (e-shop, blog, brožurový web) jeden vývojář s AI postaví za týden to, co dnes dělá 3členný tým za měsíc. Pro složité enterprise aplikace stále potřeba lidé na architekturu a business logiku. Kód jako profese nezmizí — změní se její povaha (z psaní na navrhování + review).

Závěr: vibe coding je nástroj, ne náhrada

Po roce a půl a 16 projektech je moje upřímná odpověď: AI je výborný junior vývojář, který musí mít seniora ke kontrole. Pokud máte expertízu, vibe coding vám 3–5× zrychlí práci. Pokud nemáte, dostanete kód, který funguje na 80 %, ale posledních 20 % vás zničí.

Pro klienty: pokud někdo nabízí „web jen pomocí AI" za polovinu ceny — ptejte se, jestli má reference, jestli rozumí výkonu, jestli ošetřil bezpečnost. Cena za web by se podle vibe codingu měla snížit o 30–40 %, ne o 70 %. Zbytek je pojistka proti tomu, že AI udělá blbost.

Pro mě osobně: rok a půl práce s AI mi dalo schopnost dělat projekty, které by dříve trvaly 3× tak dlouho. Ale taky mi vrátilo respekt k tomu, co AI neumí — strategická rozhodnutí, hraniční případy, dlouhodobá údržba. To zůstává lidská práce.

A z toho plyne závěr: vibe coding je tu, aby zůstal. Otázka už není „kódovat s AI nebo bez", ale „jak dobře umím s AI spolupracovat". Tahle dovednost bude v 2026–2027 stejně cenná, jako byla schopnost googlit v roce 2010.

Související čtení

• Jak funguje vlastní CMS — a co od něj čekat
• GEO — Generative Engine Optimization
• AI marketing průvodce 2026
• Slovník: Prompt engineering
• Slovník: LLM (Large Language Model)