Web s pomocí AI: od nápadu ke spuštěné stránce i bez programování
Vibe coding, AI buildery a asistenti v redakčních systémech. Jak dnes s AI postavit web a na co si dát pozor, aby nebyl jen hezkou fasádou.
Když jsem se studentů AIMK zeptal, co chtějí v předmětu probrat, jedno téma se opakovalo snad v každé druhé odpovědi: tvorba webu. Někdo psal „jednoduché zpracování webu“, někdo rovnou „vibe coding“ a „tvorba aplikací“. Není se čemu divit. Pro marketéra je web základní nástroj a ještě nedávno závisel na tom, jestli máte po ruce programátora. To se změnilo.
Tři cesty, jak dnes s AI postavit web
1. AI buildery – web z jednoho zadání
Popíšete, co chcete („web pro kavárnu ve Zlíně, s menu, otevírací dobou a rezervací“), a nástroj vygeneruje hotovou stránku včetně textů a obrázků. Rychlé a vhodné na prototyp nebo jednoduchou prezentační stránku. Nevýhoda: často jste zamčení v platformě a výsledky si bývají podobné.
2. Redakční systém s AI asistentem
WordPress a podobné systémy dnes umí pracovat s AI přímo – asistent navrhne rozvržení, napíše texty, vytvoří sekce. Výhodou je, že web zůstává váš, můžete ho dál upravovat a není problém přidat blog, formuláře nebo e-shop. Mimochodem, i tento blog vzniká právě takhle.
3. Vibe coding – programování konverzací
S nástroji typu Claude Code, Cursor a podobnými popíšete, co má aplikace dělat, a AI píše kód za vás. Vy testujete, popíšete, co nefunguje, a iterujete. Takhle se dají postavit i věci, které by builder nezvládl: interaktivní kalkulačky, interní nástroje, malé aplikace. Nemusíte umět programovat, ale musíte umět přesně popsat, co chcete, a trpělivě testovat.
Postup, který funguje
- Nejdřív obsah a cíl, pak design. Komu je web určený a co má návštěvník udělat? Zavolat, objednat, přihlásit se? Tohle AI za vás nerozhodne.
- Struktura stránek. Nechte si od AI navrhnout mapu webu a strukturu hlavní stránky. Porovnejte s weby konkurence.
- Texty. AI napíše první verzi, vy doplníte konkrétní fakta, ceny, jména, příběhy. Web bez konkrétních detailů vypadá jako šablona.
- Vizuál. Zadejte barvy, font a pár referenčních webů, které se vám líbí. „Udělej to moderně“ je nejhorší možné zadání.
- Testování. Mobil, různé prohlížeče, rychlost načítání, formuláře. Tady se většina AI webů láme.
Nejčastější chyby
- Hezká fasáda, prázdný obsah. AI umí vygenerovat web, který na první pohled vypadá profesionálně, ale texty neříkají nic. Návštěvník to pozná za pár vteřin.
- Zapomenuté základy. GDPR a cookie lišta, kontaktní údaje, zabezpečení, zálohy. AI vám je sama nepřipomene, pokud se nezeptáte.
- SEO a viditelnost v AI vyhledávačích. Web musí být srozumitelný nejen pro lidi, ale i pro vyhledávače a jazykové modely, které dnes odpovídají na dotazy uživatelů. Jasné nadpisy, strukturovaná data, konkrétní odpovědi na otázky zákazníků.
- Kód, kterému nikdo nerozumí. U vibe codingu hrozí, že vznikne aplikace, kterou nikdo neumí opravit. Žádejte AI, ať kód komentuje a vysvětlí, co dělá. A citlivá data (hesla, osobní údaje) do experimentů nevkládejte.
AI zkrátila cestu od nápadu k první verzi z týdnů na hodiny. Cestu od první verze k dobrému webu ale pořád musíte ujet sami.
Co si vyzkoušet hned
Vezměte si malý projekt – web pro spolek, portfolio, landing page pro fiktivní produkt. Postavte ho jednou v AI builderu a jednou konverzačně s AI asistentem. Porovnejte, kolik času vám to zabralo, jak moc jste mohli ovlivnit výsledek a jak snadno se dá upravit za měsíc. Nejvíc se naučíte právě z toho srovnání.
A ať zvolíte kteroukoli cestu, klíčová dovednost je stejná: umět AI přesně zadat, co chcete. O tom je další článek – o promptování.
