Na screenshote vyzerajú dva weby rovnako. Rozdiel spoznáte vo chvíli, keď na ne prídu skutoční zákazníci.
Nedávno som mal hovor s klientom, takým typickým majstrom na všetko, ktorý by rád patril tak trochu medzi „nás“. Ozval sa s tým, že potrebuje e-shop s čerstvo praženou kávou a predplatným. Hovorím si, fajn, voňavá téma…
Počas hovoru mi však rýchlo došlo, že o nový projekt nejde. Klient chcel audit svojho vlastného vibe-coded riešenia, ktoré sa snaží byť e-shopom, blogom, kávovým klubom aj rezerváciou na degustácie naraz, a poriadne nie je ničím. Namiesto projektu mi poslal session z ChatGPT. Tak si hovorím, dobre, aspoň sa pobavím.
Nakoniec z toho nebol rozbor jeho „projektu“, ale niečo oveľa cennejšie. Odpoveď na otázku, ktorú si aspoň raz položil každý, kto robí weby, a ktorú dnes čoraz častejšie počujem aj od klientov: keď AI napíše web za jeden večer, prečo by ste mali platiť človeka?
Pretože web nie je kód. Kód je len to, čo vidno. Web je predavač, ktorý za vás pracuje vo dne v noci a narába s peniazmi, osobnými údajmi a dôverou vašich zákazníkov. A predavača nezamestnáte len preto, že má pekný oblek.
Čo je vibe coding a kedy je úplne v poriadku
Pojem vibe coding sa rozšíril začiatkom roka 2025 vďaka Andrejovi Karpathymu, jednému zo zakladateľov OpenAI. Princíp je jednoduchý. Opíšete, čo chcete, AI napíše kód a vy ho nečítate. Len skúšate, či „to ide“. Keď nejde, skopírujete chybovú hlášku späť do chatu a dúfate.
Nič proti tomu. Sám to robím, keď si chcem za hodinu overiť nápad. Na prototyp, interný nástroj alebo na to, aby ste programátorovi ukázali, čo vlastne chcete, je vibe coding skvelý.
Problém nastáva v jednej konkrétnej chvíli. Keď sa z prototypu bez akejkoľvek kontroly stane ostrý e-shop, ktorému ľudia zverujú adresu, telefón a platobnú kartu.
Ľadovec, ktorý Viber nevidí
Vibe coder vidí to, čo je na obrazovke. Fotky kávy, košík, tlačidlo Kúpiť. Všetko funguje, keď to skúša sám na svojom notebooku. Lenže to je len špička ľadovca. Pod hladinou je väčšina práce a skrýva sa v otázkach, ktoré nikto nepoložil:
- Čo sa stane, keď zákazník zaplatí, ale platobná brána vráti chybu?
- Čo keď si dvaja ľudia v tú istú sekundu kúpia posledné vrecko?
- Čo keď si niekto v prehliadači prepíše cenu?
- Čo keď predplatiteľovi skončí platnosť karty?
- Čo uvidí Google, keď príde web prečítať?
- Čo keď o rok budete chcieť pridať nového dopravcu?
AI by na všetky tieto otázky vedela odpovedať. Háčik je v tom, že ich Viber nepoložil. Ani nevedel, že ich má položiť.
ChatGPT vám nikdy nepovie, na čo ste sa zabudli opýtať. Odpovie presne na to, čo napíšete, a to s istotou skúseného profesionála. Vibe coding preto nezlyháva na tom, čo nevie AI. Zlyháva na tom, čo nevie človek, ktorý ju riadi.
Rovnaké zadanie, dva prístupy
Do príbehu si zoberme dvoch ľudí. Prvý je Viber, typický vibe coder. Akákoľvek podobnosť s mojím klientom je, samozrejme, úplne náhodná. Druhý som ja. V online marketingu robím viac ako 13 rokov, za sebou mám vyše 220 webov a e-shopov a programovať som začínal v časoch, keď sa každý riadok kódu písal ručne a chyby sa hľadali do noci.
Obaja dostaneme rovnakú úlohu: e-shop s výberovou kávou a predplatným. Kávu sme nikdy nepražili ani jeden, takže v tom sme si rovní. Rozdiel je v tom, čo si každý prinesie z predchádzajúcej práce. A ten rozhodne o všetkom.
Viber chce výsledok, ja chcem odpovede
Viber napíše do ChatGPT jednu dlhú vetu:
„Sprav mi moderný e-shop s kávou: katalóg, detail produktu, fotky, sklad, objednávky, košík, zľavové kódy a predplatné na každý mesiac.“
Približne takto vyzeral aj prvý prompt v session, ktorú som dostal.
Ja začínam inak. Skôr než vznikne čo i len jedna obrazovka, spíšem si otázky a pustím na ne AI ako výskumníka:
- Ako dnes ľudia kupujú kávu online a v ktorom kroku nákup najčastejšie vzdajú?
- Aká je najkratšia cesta od príspevku na Instagrame až po zaplatenú objednávku?
- Prečo ľudia rušia predplatné a ako to riešia kaviarne, ktorým to funguje?
- Čo musí slovenský e-shop spĺňať zo zákona – najnižšia cena za posledných 30 dní, odstúpenie od zmluvy, reklamácie, cookies?
- Ktoré e-shopy s kávou majú najlepší nákupný proces a čím sa líšia od ostatných?
AI tu nič nestavia. Zbiera podklady a ja ich triedim. Čo nesedí, letí von.
Viber skáče rovno na koniec. Ja potrebujem najprv vedieť, kto bude kávu kupovať, prečo práve tu a čo ho môže na poslednom kroku odradiť. Z predchádzajúcich projektov viem, ktoré časti e-shopu sú povinné, ktoré sú zbytočná záťaž a kde sa oplatí skúsiť niečo nové. Viber dostane od AI to, čo dostane každý. Rovnakú univerzálnu šablónu, rovnaké komponenty a dizajn, ktorý sa podobá na stovky iných e-shopov.
Dizajn: popoludnie verzus týždeň
Viber má hotovo ešte pred večerou a hneď sa pochváli na sociálnych sieťach: „E-shop za dve hodiny, bez programátora!“ Lajk mu dám, prečo nie.
Mne dizajn zaberie aj týždeň. Kým klient rozprával o svojej kaviarni, predstavoval som si konkrétne ráno. Para nad šálkou, šuchot hnedého papiera, ticho pred otvorením. Presne takú atmosféru musí mať aj web, inak je to len ďalší katalóg s cenami.
Ako marketér viem, že ľudia nekupujú kávu. Kupujú si ten moment ráno. Dizajn ho má vyvolať a zároveň zákazníka bez jediného zádrhu previesť až k zaplateniu. Pekný web a web, ktorý predáva, nie sú to isté. Preto si najprv prejdem inšpirácie a najlepších konkurentov a hľadám smer, ktorý unesie pocit aj predaj. Kresliť začínam až potom.
AI ako tím, ja ako vedúci
Keď je návrh hotový, zapojím Claude Code. Zadanie vyzerá zhruba takto:
„Načítaj brief z dnešného dňa v priečinku projektu a priprav fázový plán implementácie so zoznamom úloh. Frontend a backend rieš paralelne, prieskum a kostru zadaj menším modelom. Štruktúru, stack a nasadenie zober z nášho posledného projektu: čisté HTML, CSS a JavaScript, PHP 8.3 a MariaDB, aby všetko bežalo na bežnom slovenskom hostingu. Konfiguráciu skopíruj zo šablóny a heslá nikdy neukladaj do kódu. Použi všetky tokeny z design.md. Každú fázu otestuj v prehliadači na mobile aj desktope, skontroluj rýchlosť, prístupnosť a štruktúrované dáta a pokračuj, kým nebude všetko v poriadku.“
Plán si prejdem, opravím, čo sa mi nepozdáva, a pustím ho. Priebeh sledujem aj z telefónu a jednotlivé kroky schvaľujem pri káve. Viem, čo dostanem. Prvá použiteľná verzia (MVP) bude stáť na tom istom overenom základe ako moje posledné projekty a návrhu sa bude držať do detailu.
Možno vás prekvapí, že v zadaní chýba slovo e-shop. Je to zámer. AI, ktorej poviete len „sprav e-shop“, vám vráti to najbežnejšie, čo pozná. Tomu sa hovorí skreslenie priemerom. Mne nejde o priemerný e-shop, ale o konkrétny produkt pre konkrétneho klienta.
Preto AI dostane hranice: overené postupy, môj stack, môj dizajn a jasné kritériá, kedy je práca hotová. Bez nich by strieľala naslepo. A ak si myslíte, že veľké technologické firmy nechávajú AI rozhodovať samu, mýlite sa. Tam, kde ide o skutočné peniaze, sa to nedeje.
Čo nachádzam pod kapotou
Na sociálnych sieťach vyzerajú oba weby podobne. Rozdiel sa ukáže, až keď na web prídu skutoční zákazníci, Google a niekto, kto hľadá diery.
Vo vibe-coded projektoch, ktoré mi klienti posielajú na kontrolu, sa dookola opakujú tie isté chyby. Ani jednu nevidno na prvý pohľad:
- Cena sa počíta v prehliadači. Kto má trochu zvedavosti, prepíše si kilo kávy na jeden cent a objednávka prejde.
- Zľavový kód sa overuje len na strane zákazníka, takže sa dá obísť alebo použiť donekonečna.
- Prístupový kľúč k databáze je priamo v kóde stránky. Je to ako nechať kľúče od pokladne visieť vo dverách.
- Google namiesto obsahu vidí prázdnu stránku, pretože sa všetko skladá až v prehliadači.
- Formulár ukáže „Ďakujeme, ozveme sa“, ale e-mail nikam nepríde.
Nie sú to teoretické riziká. Bezpečnostní výskumníci v roku 2025 opakovane našli aplikácie postavené cez AI nástroje, ktoré mali databázu otvorenú komukoľvek, aj s e-mailami a údajmi zákazníkov.
| Oblasť | Web z jedného promptu | Web od programátora, ktorý používa AI |
|---|---|---|
| Bezpečnosť | kľúče k databáze často priamo v kóde stránky, cena a zľavy sa počítajú v prehliadači | heslá mimo kódu, ceny a zľavy overuje server, ochrana formulárov, aktualizácie |
| SEO a AI vyhľadávanie | obsah sa často vykreslí až cez JavaScript, Google ani AI roboty ho nemusia vidieť | obsah je v HTML hneď, štruktúrované dáta, sitemap, llms.txt |
| Rýchlosť | ťažké knižnice, nekomprimované obrázky | optimalizované obrázky, minimum skriptov, zelené Core Web Vitals |
| Predaj a meranie | bez analytiky, nikto nevie, odkiaľ prišli zákazníci ani kde odišli | meranie konverzií, jasná cesta k objednávke, prvky dôvery |
| Zákon a GDPR | cookie lišta len naoko, chýbajúce obchodné podmienky | súhlas s cookies podľa pravidiel, najnižšia cena za 30 dní, odstúpenie od zmluvy, reklamácie |
| Hosting a údržba | viazaný na konkrétnu platformu, oprava znamená ďalší prompt a nádej | beží na bežnom hostingu, kód patrí vám a rozumie mu človek, ktorý ho opraví |
Pohľad marketéra: krásny web, ktorý nepredáva
Aj keby bol vibe-coded e-shop technicky v poriadku, ostáva druhá polovica problému. Web nie je vizitka. Je to predajca a ten musí predávať.
Väčšina webov z jedného promptu nemá nastavené meranie. Majiteľ nevie, odkiaľ prišli zákazníci, kde odišli ani koľko ho stála jedna objednávka. Každé euro do reklamy potom púšťa naslepo. Chýba aj to, čo buduje dôveru: skutočné recenzie, jasné obchodné podmienky, kontakt na živého človeka a rýchle načítanie na mobile.
Výsledok pripomína krásne zariadenú predajňu so zamknutými dverami. Ľudia sa pozrú cez výklad a idú ďalej.
A lacné to nakoniec tiež nie je. Web „zadarmo“, k tomu mesiac nočných opráv, stratené objednávky a riziko problémov s ochranou osobných údajov. Takýto účet býva vyšší ako cena webu, ktorý je od začiatku urobený poriadne.
Na čo AI používa skúsený programátor
AI používam každý deň a nehanbím sa za to. Len ju neberiem ako čarovný prútik, ale ako náradie. Šetrí mi hodiny pri práci, ktorá nevyžaduje úsudok:
- rešerš a porovnanie riešení, kým sa rozhodnem,
- kostra projektu a kód, ktorý sa opakuje,
- testy, hľadanie chýb a druhý pohľad na kód,
- screenshoty, návody pre klientov a preklady,
- rýchle prototypy, aby klient videl smer ešte predtým, ako ho zaplatí.
Rozhodnutia za mňa nerobí. Architektúru, bezpečnosť, dizajn a všetko, čo ide von, kontrolujem a schvaľujem ja. Napríklad celý obrázkový návod k administrácii nášho dema reštaurácie s dennými menu nafotila AI podľa môjho scenára, ale každý krok a každú vetu som prešiel sám.
AI je pre mňa ako tím šikovných juniorov, ktorí nikdy nespia. Potrebujú však niekoho, kto im povie, čo je dobre a čo nie.
Nahradí AI programátorov?
Nenahradí. Zmení však, za čo programátorovi platíte. Kedysi ste platili za písanie kódu. Dnes platíte za rozhodnutia: čo postaviť, čo vynechať, čo sa môže pokaziť a ako tomu zabrániť. Písanie kódu zlacnelo. Úsudok nie.
Pre mňa je AI zosilňovač. Nápad overím za hodinu namiesto týždňa, pozriem si tri riešenia vedľa seba a ľahšie zmením smer, keď sa ukáže, že prvý nebol dobrý.
Zákazník sa nepýta, kto web písal. Chce, aby sa rýchlo načítal, aby sa v ňom vyznal, aby objednávka prešla na prvý pokus a aby jeho údaje neskončili na internete. Toto sa nedá vyklikať v chate za jedno popoludnie.
A Viberova session? Nakoniec vôbec nebola zbytočná. Bol to jeden z najlepších briefov, aké som za posledné mesiace dostal, lebo v nej bolo presne vidieť, čo klient chce. Len to ešte nebol web.
Ako spoznáte, aký web dostávate
Tieto otázky položte dodávateľovi. Alebo sebe, ak si web skladáte sami s AI:
- Kde bude web bežať a komu patrí jeho kód?
- Kde sú uložené heslá a prístupové kľúče k databáze?
- Uvidí Google a AI vyhľadávače obsah webu aj bez JavaScriptu?
- Overuje ceny a zľavové kódy server, alebo len prehliadač?
- Ako rýchlo sa web načíta na mobile cez bežné dáta?
- Budete vedieť, odkiaľ prišla každá objednávka?
- Kto web opraví, keď sa niečo pokazí, a za koľko?
Ak na väčšinu z nich dostanete odpoveď „to vyrieši AI“, máte jasno.
Máte web od AI a neviete, či je v poriadku?
Pošlite nám odkaz na web. Pozrieme sa naň očami programátora aj marketéra a povieme vám na rovinu, čo s ním. Niekedy stačí pár opráv, inokedy je lacnejšie začať odznova. Ak máte k webu aj session z ChatGPT, pridajte ju, ušetrí nám veľa otázok. A ak chcete vidieť, ako vyzerá web postavený poriadne, preklikajte si naše funkčné demá aj s administráciou.
