Mýty Vibe Codingu

Vibe codingové weby jsou jenom módní výstřelek.

Opravdu?

Ne! Je to návrat k starému zlatému kódování, jen to za nás píše AI.

Agent umělé inteligence píše kód:

• HTML pro obsah webu,
• CSS pro jeho design
• a JavaScript pro animace.

Tyto značkovací kódy tady jsou už velmi dlouho. Sama jsem se takto učila před dvanácti lety ručně kódovat. Ale proč to dělat ručně, když to za vás udělá velmi dobře a rychle AI? Je to vlastně návrat ke zlatému čistému kódu.

Vy jen říkáte agentovi, jak má výsledný web vypadat. A hlídáte kvalitu výstupu – aby nebyl v kódu nepořádek, aby měl bezpečnostní hlavičku, všechny základní SEO prvky atd.

Seznam věcí, na které nemá agent zapomenout, mám pro vás nachystaný v kurzu. Vy se můžete soustředit na obsah a vzhled webu.

Vibe Codingové weby mají vzhled jeden jako druhý.

Opravdu?

Ne! S AI můžete vytvořit hravé, originální designové weby.

Nemusí být jako přes kopírák nebo s tím základním generickým designem.

Podívejte se na tyto weby. Říkám jim webové šperky. Jsou zajímavé, originální, moderní, designové a mají často v sobě nějaký prvek, který vás překvapí. Protože umělá inteligence dává vaší kreativitě křídla.

Řekněte agentovi, jaké chcete barvy a font, dejte mu vlastní ikony a také mu můžete ukázat vzor webu, který se vám líbí.

A hlavně s agentem projděte celý web a doveďte ho k výsledku podle vašich představ.

Vibe Codingové weby nejde editovat po spuštění.

Opravdu?

Ne! Existuje editační nástroj přímo pro weby dělané s AI.

Weby vytvořené pomocí AI můžete dál měnit tak, jak jste je vytvořili, tj. pomocí slovních pokynů agentovi a pak velice jednoduše znovu nahrát na webhosting.

Nebo existuje dokonce editační nástroj vytvořený přímo pro Vibe Codingové weby. Stačí kliknout, změnit text, fotku nebo ikonu. Jedná se o základní editaci, ale to ve většině případů úplně stačí. Nástroj se jmenuje Direct edit.

Vibe Codingové weby nejsou bezpečné!

Opravdu?

Ne! Statické weby potřebují bezpečnostní hlavičku a pak se není čeho bát.

V mém kurzu tvoříme malé statické weby z čistého HTML, CSS a JavaScriptu. Díky tomu jsou bezpečné už ze své podstaty – neobsahují administraci, databázi ani nepracují s citlivými daty uživatelů nebo s API pro propojení aplikací.

To ale neznamená, že se bezpečnost neřeší vůbec. Základem bezpečného webu je bezpečnostní hlavička nastavená v souboru .htaccess. Můžete je zapsat ručně, nebo jejich vytvoření jednoduše zadat AI agentovi, případně zapnout na hostingu.

Samozřejmostí je funkční SSL certifikát (pak web běží na zabezpečené https verzi).

Bez znalosti kódování nemůžu dělat weby s AI.

Opravdu?

Vibe Coding znamená zadávat pokyny slovy, úplně běžným jazykem.

Někdy máme skvělé výsledky, když mu řeknete laicky, že to, co vytvořil, je nuda nebo že se vám to nelíbí. Na druhou stranu je fajn naučit se základní pojmy v oblasti webdesignu, abyste se mohli bavit s agentem na „úrovni" a to vás kurzem také čeká.

Pár slovíček na ukázku:

• Hero sekce – úvodní obrazovka
• Padding – vnitřní okraj prvku
• Margin – vnější okraj prvku
• Nadpis H1 – hlavní nadpis stránky
• Meta data – název a popisek stránky pro vyhledávače

U Vibe Codingového webu budu platit za drahé nástroje.

Opravdu?

Začni s Google Antigravity, které je zdarma, později přikup si Claude Code za 500 Kč měsíčně.

Google Antigravity = prostředí, ve kterém vidím soubory a kód, plus tam mám AI agenta.

Claude Code = placený AI agent specializovaný na kódování,

Neplatíte ale jen za tvorbu webů, Claude můžete využít také jako:

• Klasický chat (Claude Chat)
• Pro tvorbu prezentací a jiných vizuálů (Claude Design)
• Automatizaci procesů a úpravu dokumentů (Claude Cowork)

Stačí říct nástroji Lovable, že chci web, a je to.

Opravdu?

Budete platit několik tisíc korun ročně a web nebude tak kvalitní.

Neplaťte poskytovatelům 3. strany zbytečné peníze. Kromě toho chcete mít kompletní přehled o tom, co za vás AI tvoří. Vy jste ten, kdo to celé řídí. Nástroje typu Lovable generují typické „áíčkovské weby" a do kódu tolik nevidíte, je to tzv. „black box".

Pokud použijete vlastního agenta, tak se můžete stát dobrým šéfem – řídíte přesně obsah, design, SEO, bezpečnost, cookies atd.

Vibe Codingové weby nejsou SEO friendly.

Opravdu?

AI agent za vás vytvoří všechny základní SEO prvky, na vás je kvalitní autentický obsah webu.

Co vše agent řeší, když si o to řeknete?

• Meta title a description (nadpis a popis webu pro vyhledávače)
• Správná struktura nadpisů a jejich obsah (od H1 až po H6)
• Alt popisky obrázků (čtou čtečky nevidomých i vyhledávače)
• Strukturovaná data (důležité pro SEO v době AI)
• Open Graph (náhled webu na sociální sítě)
• Kanonická URL (preferovaná URL webu)

Nejsem technický typ, to nezvládnu.

Opravdu?

Naučila jsem tvořit weby svou 10letou dceru i lidi 55+ (ti to mají u mě za půlku).

Kurz je tzv. za ručičku. Co to znamená?

• V kurzu vše ukazuji na sdílené obrazovce, takže vidíte, kam klikám.
• Vše komentuji velmi srozumitelně, rozumí mi i začátečník.
• Kurz vás provede celým procesem, od přípravy podkladů až po spuštění webu na hostingu.
• Ke kurzu si můžete objednat osobní podporu nebo můžete vstoupit do klubu.

Nevím, co za text napsat na svůj web.

Opravdu?

Mám metodiku 10 bodů, které když sepíšete, vznikne vám kvalitní obsah webu.

Je to použitelné na všechny typy podnikání a není třeba vždy využít všech 10 bodů.

• Úvodní obrazovka – silná fotka nebo ilustrace + titulek s hlavním benefitem + podtitulek + CTA tlačítko
• Proč vy – 3-4 přidané hodnoty služby s ikonkami
• Vžití se do klienta – pojmenujte jeho starosti, přání a cíle
• Řešení – konkrétní nabídka služby, přínosy, ideálně i ceny
• Ukázka vaší práce – například blog pro budování důvěry
• Reference – vyjádření klientů (včetně jména a fotky), případové studie, realizace
• Jak to funguje – 3-4 kroky spolupráce s vámi
• Váš příběh – proč a jak jste začali s podnikáním
• Časté otázky – vyvrácení pochybností a obav
• Kontakt – telefon, e-mail, sítě, sídlo, IČO, formulář

Vibe Coding se hodí jenom pro webové vizitky.

Opravdu?

Pomocí AI se dají snadno tvořit malé i středně velké weby, které nevyžadují častou editaci.

Klidně si pomocí AI můžete postavit web s blogem nebo několika jazykovými mutacemi. Doplnit také můžete funkce jako je kontaktní, rezervační a prodejní formulář (to se dělá pomocí ověřených třetích stran).

Je možné stavět i větší web o mnoha stránkách, jen je potřeba si pohlídat pořádek ve struktuře webu i kódu (např. aby se všechno stylování vyskytovalo v souboru style.css).

Editace také není překážka, web je možné měnit po spuštění pomocí AI nebo jednoduchého editačního systému.

Nemám čas se učit něco nového jako je Vibe Coding.

Opravdu?

Zkušeného webaře naučím VC za jeden den. Pokud začínáš, budeš mít web hotový za 3 týdny.

U Vibe Coding totiž stačí umět jasně popsat, co chcete, a AI vám kód napíše. Většinu času tak strávíte přemýšlením nad obsahem a funkcemi webu.

Technické věci jako bezpečnostní hlavička, SEO základní prvky, strukturovaná data dostanete ode mě připravené v instrukcích pro agenta. Stačí mu tyto pokyny předat.

Pokud tvoříte weby pro ostatní nebo toužíte po vlastním webu, Vibe Codingem naopak spoustu času ušetříte.