Jak svépomocí tvořit webové stránky v ChatGPT

S nástupem umělé inteligence se situace poměrně rychle mění. Dnes můžete ChatGPT jednoduše popsat, co vaše firma dělá, komu pomáhá a co má návštěvník webu udělat. Během několika minut můžete dostat první návrh struktury, textů, grafiky a v některých případech rovnou funkční web. To je proti době před několika lety obrovský posun.

Současně ale podle mě vzniká trochu zkreslená představa, že stačí napsat jednu dobrou větu a AI vytvoří hotový web. Z mých dosavadních zkušeností zatím spíše platí, že umělá inteligence velmi dobře urychluje jednotlivé části práce. Pořád ale záleží na tom, co jí zadáte, jak výsledek kontrolujete a kdy přestanete nechat AI něco znovu generovat a začnete pracovat přesněji.

AI umí web vytvořit rychle

Samotné vytvoření webové stránky už podle mě přestává být tou nejsložitější částí. AI dokáže web vytvořit doslova během pár minut.

Větší problém je poznat, co má na webu být a proč. Pokud dáte AI velmi obecné zadání, poměrně často dostanete velký nadpis, několik barevných boxů, ikonky, reference, ceník a výrazné tlačítko na konci stránky. Technicky na tom nemusí být nic špatně.

Jenže podobně může vypadat web účetní firmy, marketingové agentury, výrobce oken i poradce. Právě tady se dostáváme k pojmu AI slop.

Co dělá současná AI špatně?

Podívejte se na to, jak ChatGPT navrhl hlavní stranu webu pro magazín Začínej.cz.

A ještě porovnejte první návrh pro službu Nepoužitelný.cz.

Oba návrhy jsou z odborného pohledu marketéra špatně. V případě zapojení dalších profesí bychom dostali podobnou zpětnou vazbu. Návrh by se nelíbil specialistovi na použitelnost webů, jehož hlavním úkolem je navrhovat uživatelsky přívětivé stránky. Výhrady by zazněly od copywritera, což je člověk zodpovědný za vyznění textů. A grafik by se pod tyto dva obrázky také nepodepsal.

Hlavní strany předložených webů trpí přesyceností informací. Důležitá místa na stránce tak zanikají a nejsou na první pohled vidět. Základním pravidlem použitelného webu je například omezený počet cílů, které by měl zákazník splnit. Když se podíváte na návrh webu Nepoužitelný.cz, tak těch cílů je tam nadbytek: web po vás chce dělat akční kroky („co můžete udělat hned“), zároveň vás nesmyslně znovu směřuje na rychlotest (stačilo by 1x). Po grafické stránce je web přeplněný a návštěvník se může cítit zahlceně.

Někdy nepomůže ani zadání upravit. Na níže uvedeném obrázku dostal ChatGPT za úkol pojmenovat si, co jsou časté chyby v AI grafice a vyvarovat se tomu. Jak je vidět, vzal příkaz až do extrému. Budete-li tedy tvořit weby svépomocí s cílem dosáhnout dobrého výsledku, bude třeba se obrnit trpělivostí.

Jak poznat AI slop nebo chyby webu

Pojmem AI slop (česky také AI břečka) se dnes označuje generický obsah vytvořený umělou inteligencí, u kterého je velmi dobře poznat, jak vznikl.

U webových stránek se podle mě nejčastěji projevuje tím, že vypadají podobně bez ohledu na obor. Opakují se tmavá pozadí s modrým nebo fialovým světlem, barevné přechody, průhledné boxy, kulaté rohy, podobné ikony, obrovské nadpisy a obecné slogany. Neznamená to, že popisované prvky jsou automaticky špatně.

Zkuste jednoduchý test: zakryjte z návrhu logo. Pokud po výměně loga můžete stejný web použít pro úplně jinou firmu, aniž byste museli výrazně měnit obsah nebo vzhled, pravděpodobně je návrh příliš obecný.

Dalším problémem je, že se AI snaží všechno vysvětlovat složitě a přidává prvky, které by lidský návrhář do webu vůbec nedával. Na předchozím obrázku vidíte přesně takovou situaci. Je tam vložená informace „Dobrá nabídka nestačí. Když web postaví zákazníkovi do cesty překážku, dovnitř se nedostane“. V marketingu platí základní pravidlo: méně znamená více. Musíte na to pamatovat při spolupráci s ChatGPT a tyto zbytečné prvky nechat odstranit.

Tvoříte-li web svépomocí, dívejte se vždy na jiné komerčně úspěšné weby ve vašem oboru i mimo něj. Všímejte si prvků, které používají. Sledujte posloupnost toho, co na svém webu máte. Nemusíte vymýšlet kolo, ale snažte se při tvorbě webu přiblížit těmto moderním standardům.

Tři způsoby, jak web v ChatGPT vytvořit

Projdeme si několik způsobů, kterými dnes můžete web v ChatGPT vytvořit. Od ChatGPT Sites přes běžný Chat až po složitější práci ve Worku. Popis odpovídá stavu v září 2026. U některých funkcí se dá očekávat, že se jejich možnosti i ovládání budou dál měnit.

Tvorba webu ve ChatGPT Sites

Poměrně jednoduchou cestou je dnes služba ChatGPT Sites. Pro člověka, který si chce vytvořit jednoduchý firemní web svépomocí, je to podle mě zajímavé hlavně tím, že nemusí samostatně řešit klasický hosting, FTP ani instalaci WordPressu či jného redakčního systému. To ale neznamená, že bych začal zadáním: „Vytvoř mi moderní web.“ ChatGPT sice něco vytvoří, ale prakticky jste mu neřekli, co má web řešit.

Mnohem větší smysl mi dává nejdříve popsat základní informace o firmě. Například že jde o účetní kancelář v Ostravě, která pracuje hlavně s živnostníky a menšími firmami. Uvést, jaké služby nabízí, proč si ji zákazníci vybírají a co má návštěvník webu udělat.

Můžete přidat také jednoduchou představu o stylu. Třeba že web má působit důvěryhodně a civilně a nemá vypadat jako technologický startup. Čím lépe popíšete skutečnou firmu, tím menší je podle mě pravděpodobnost, že dostanete další zaměnitelný AI web.

Dokonce můžete „vyslat“ AI agenta prozkoumat konkurenci. Následně se vám vrátí popis toho, co je v daném oboru obvyklé a můžete si nechat navrhnout odlišnost.

Své budoucí webové stránky můžete používat pomocí desktopové aplikace, v agentním rozhraní pro programování Codex nebo klasicky na chatgpt.com. Pro zjednodušení se budeme věnovat pouze variantě přes web, kde nejspíše trávíte nejvíce času. Potřebujete k tomu placenou verzi: uživatelé Free a Go tarifů mají smůlu a web si takto nevytvoří.

Po přihlášení do online rozhraní ChatGPT zvolíte nahoře přepínač Work. Můžete s použitím @sites vyvolat přímo příkaz Sites a zadat mu váš první web. Ve Worku popíšete, jaký web chcete vytvořit, případně použijete označení @Sites. ChatGPT připraví první verzi webu, kterou si můžete prohlédnout a dále upravovat.

Jakmile jste ve Worku, počítejte s tím, že pro práci platí limity. O limitech píšu v samostatné části tohoto článku, takže jen stručně: ChatGPT Work vás může čas od času zastavit. Informuje vás ohledně vypršeném limitu. Musíte počkat, což většinou znamená pár hodin nebo i několik dní. Nebo si můžete dokoupit kredity, přičemž nejmenší částka je 10 dolarů a za to vám dají 250 kreditů. Případně lze také v účtu použít reset limitů a tím začínáte odznovu.

Další komunikace už je podobná běžné práci s ChatGPT. Můžete například napsat, že chcete zkrátit nadpis, změnit pořadí sekcí, přidat reference nebo upravit vzhled mobilní verze. Hotovou verzi lze následně publikovat. ChatGPT Sites podporují také práci s verzemi a u podporovaných účtů je možné připojit vlastní doménu.

Během mého testu jsem své stránky našel umístěné na platformě Cloudflare. Tato služba funguje trochu jinak než klasický hosting. Nelze však zjistit, jak přesně jsou stránky provozovány.

U ChatGPT sites se vyplatí zmínit rizika:

• Není jisté, zdali bude chtít OpenAI službu provozovat i nadále. V minulosti například firma přestala podporovat vlastní webový prohlížeč Atlas. Podobně ukončila třeba videogenerátor Sora.
• Firma na svých stránkách uvádí, že může kdykoliv web odstranit nebo omezit „pokud existuje riziko, že porušuje zásady OpenAI nebo bezpečnostní požadavky platformy“. Kdyby se vám to stalo, odvolat se můžete pomocí formuláře. Po dobu vypnutí však stránky nebudou dostupné. Musíte zvážit, jestli se vám toto riziko vyplatí. Nemusíte totiž dělat nic špatného a může jít třeba o technický omyl.
• Nemáte přístup na FTP (slouží pro nahrávání stránek) a do databáze pomocí nástroje phpMyAdmin (slouží pro „koukání“ se do databáze).
• V době vydání tohoto článku se mi prakticky nepodařilo zjistit žádné veřejné limity, ani omezení služby. Pouze jsem našel, že databáze je omezena na 10 GB.
• Sites nesmějí přímo zpracovávat platební údaje, pokud nejsou zpracovávány výhradně přes externího poskytovatele plateb. Podobně nesmějí zpracovávat chráněné zdravotní údaje.
• Musíte počítat s tím, že se „dohadujete“ s ChatGPT. Ten vás nemusí dobře pochopit a správa stránek tak může být pracnější, než třeba spolupráce s klasickým vývojářem.
• Počítejte také s tím, že když si stránky tvoříte bez znalostí marketingu, můžete během tvorby udělat zásadní chyby a ovlivnit tak úspěšnost svého webu.

ChatGPT Sites jsou v současnosti stále ve veřejné betaverzi. To znamená, že některé možnosti se mohou měnit a nemusí být dostupné všem uživatelům stejně. Pro jednoduchý prezentační web to nemusí být problém.

Pokud ale potřebujete složitější aplikaci, vlastní informační systém nebo specifické napojení, ověřil bych si předem, jestli je dané řešení v Sites vůbec vhodné. Osobně bych takto složitější web nedělal.

Samostatnou kapitolou jsou osobní údaje. Pokud prostřednictvím formuláře sbíráte jména, e-maily nebo jiné osobní údaje, pořád se vás týkají povinnosti spojené s jejich zpracováním. OpenAI u ChatGPT Sites výslovně upozorňuje také na omezení při práci s některými citlivými údaji, například zdravotními a platebními. Pro běžný firemní web to většinou nebude zásadní komplikace.

ChatGPT Sites zvládne také složitější úkoly, které potřebují pro ukládání dat databázi. Pro vyzkoušení jsem ho nechal vytvořit online test použitelného webu. Nejde o finální variantu, takže obrázek berte jako ilustrační. Návštěvník po vyplnění tohoto testu získal doporučení a já jsem mohl na tajné adrese vidět anonymizované výsledky.

Výsledky jsem měl k dispozici na tajné adrese, která vyžadovala přihlášení přes náš účet do ChatGPT.

Právě propojení tvorby stránek v ChatGPT Sites a současně databáze dává majitelům firem další možnosti, jak si mohou své stránky vyladit. Umím si třeba představit jednoduchou online kalkulačku služeb nebo třeba interaktivního průvodce výběrem konkrétní služby.

Pro svůj web jsem si nechal zkušebně vytvořit blog. Work chvilku pracoval a skutečně vzniklo rozhraní, kam mohu vkládat texty. Když jsem poprosil o editor na jaký jsem zvyklý ve Wordu, dostal jsem ho.

ChatGPT Sites přitom nemusí sloužit jen k tvorbě jednoduchých firemních webů. Veřejně jsou dostupné například 3D anatomické atlasy, interaktivní malovací nástroje, syntezátory nebo celé hry v prohlížeči. To dobře ukazuje, že Sites jsou spíš jednoduchá platforma pro webové aplikace než jen generátor internetových stránek. Samotné OpenAI ale upozorňuje, že doporučuje tvořit spíše odlehčené aplikace, než nějaké složité projekty.

Než se budete pouštět do vytváření složitějších aplikací, počítejte s rizikem, že o samotnou aplikaci přijdete v případě zrušení služby nebo blokace ze strany OpenAI. Proto bych Chat GPT Sites nedoporučoval na klíčové firemní věci jako je třeba účetnictví, fakturační systém či databáze zákazníků.

Využití vlastní domény

Vytvářená stránka je neveřejná. Všechny své weby můžete vidět v záložce Weby nebo na adrese https://chatgpt.com/sites. Po kliknutí na tři tečky vedle názvu webu se dostanete do nastavení. Tam můžete přidat vlastní doménu nebo vidíte interní adresu, kterou lze použít pro různé vlastní firemní aplikace.

Já jsem si o pokyny pro nastavení domény napsal prostě v chatu. AI mi poskytlo přesné instrukce a pak už to jen bylo o nastavení DNS záznamů. Pokud jste nikdy takovou věc nenastavovali, pomůže vám IT technik nebo vám může poradit registrátor domény.

Web můžete vytvořit i v běžném Chatu

ChatGPT Sites nejsou jediná možnost. S webem můžete pracovat také přímo v běžném ChatGPT. Tímto způsobem lze připravit strukturu stránky, texty, grafický návrh a následně také HTML a CSS. Dokonce lze dávat pokyny, aby vám AI propojila více stránek. Prakticky tak nemusíte zasahovat do technické části webu.

Výsledek potřebujete umět nahrát na web pomocí FTP, případně nechat napojit do vašeho oblíbeného redakčního systému (například WordPressu). V případě napojování hotového vzhledu na redakční systém už nejspíše budete potřebovat techničtější znalosti.

Jak vytvořit webové stránky ve Worku

Kromě ChatGPT, Sites jsem také testoval vytváření webů pomocí nástroje Work. Work může pracovat se soubory, dalšími nástroji a širším kontextem projektu. Hodí se proto i pro situaci, kdy tvorba webu není jeden úkol, ale skládá se z několika navazujících částí.

Umožňuje také spouštět více různých agentů, kteří se řídí pokyny v podobě jednoduchých markdown souborů. To je obyčejný textový soubor, ve kterém jsou informace přehledně rozdělené pomocí nadpisů, odrážek a jednoduchého formátování. Nemusíte kvůli němu znát žádné programování. Je to v podstatě čistší a jednodušší obdoba dokumentu ve Wordu.

Například si můžete vytvořit soubor strategie.md, kde bude popsané, komu je web určený, jaké jsou hlavní argumenty a co se nesmí změnit. Další soubor texty.md může obsahovat finální texty webu a design.md pravidla pro vzhled. Výhodou je, že ChatGPT Work dostane důležité informace přehledně oddělené a nemusí je hledat v dlouhé konverzaci.

Pokud třeba stanovíte, že se nesmí změnit konkrétní texty nebo že logo musí být vždy použito určitým způsobem, je podle mě lepší mít tato pravidla v podkladech než doufat, že je ChatGPT po desítkách dalších zpráv pořád správně drží.

Pravidla jsem nepsal ručně

A jak tato pravidla vznikla? Nejdříve jsem Chatu GPT představil svůj záměr, že chci s jeho pomocí vyrábět stránky. Požádal jsem ho o návrh řešení a přípravu zmíněných pokynů. Následně jsem s výslednými pokyny testoval, co mi umělá inteligence dodá. S prvními návrhy jsem nebyl spokojen, proto následovalo několik kol úprav. Takto jsem postupně došel třeba až k páté variantě pokynů. V jiném případě jsem dokonce končil s verzí č. 22.

Při následné tvorbě webů jsem otestoval dva přístupy. V tom prvním se o vytvoření celých stránek postaral jeden Work. Ten měl v sobě pokyny pro spouštění procesu, kdy AI postupně prošla 17 různými kroky. V každém kroku řešila jiné zadání. Současně měla pokyny pro grafika a finální kontrolu. Výsledek vidíte na níže uvedeném obrázku.

Otestoval jsem si toto nastavení ještě na několika jiných webech a ačkoliv bych jako marketér k návrhu měl ještě nějaké výhrady, na AI je to celkem slušný výtvor.

Druhý test rozdělil práci na samostatné Worky. Práci jsem se snažil přiblížit tomu, jak fungujeme jako odborníci při návrhu webu. Vzniklo tedy několik samostatných pokynů:

• Logotvůrce měl za úkol vytvářet pouze loga. Nic jiného.
• Copywriter na základě zadané produktové strategie připravil texty.
• UX AI agent dostal za úkol z produktové strategie navrhnout drátěný model. V tomto případě jsem si také vyzkoušel diktování návrhu sám, protože jsem měl konkrétní představu o podobě webu.
• Marketingový AI agent se vydal na průzkum konkurence s cílem posbírat informace pro marketéra, grafika a copywritera, které se později mohly použít pro další zadání.
• AI grafik dostal za úkol navrhnout grafiku.

Právě díky testování AI grafika se ukázalo, že generátor obrázků v ChatGPT opravdu není pro webovou grafiku nejvhodnější kandidát. Vidět to ostatně můžete na dalším obrázku.

Nakonec jsem došel k poznání, že jakmile jste spokojeni s grafickým návrhem, musíte si opravdu nechat vytvořit HTML a CSS. Další úpravy jsou následně mnohem pohodlnější než se „hádat“ s ChatGPT o podobě obrázků a ignorování vašich požadavků.

Počítejte s limity

Je třeba počítat s tím, že při práci s rozhraním Work máte limity, takže se vám může stát, že na ně při práci narazíte a zobrazí se upozornění ohledně nutnosti počkat nebo dokoupit kredity. Také si dávejte pozor, abyste pro práci nezvolili nejnovější model GPT 6 Astra. Ten totiž čerpá z limitu mnohem rychleji. Osobně se mi osvědčilo pro vývoj používat Chat GPT 5. 6. – Sol a střední hloubkou přemýšlení.

Nejnižší částka při dobití je 10 dolarů a získáte za ní 250 kreditů. Pokud máte ChatGPT Pro, používání Worku je nejdříve hrazené z limitu, který máte zahrnutý v předplatném. Teprve po jeho vyčerpání můžete pokračovat pomocí dokoupených kreditů. Jejich spotřeba není pevně daná za jeden úkol. Závisí hlavně na použitém modelu a množství textu a dalších dat, které Work během úlohy zpracuje a vytvoří.

Ve Worku se kredity neodečítají pevně za jednu zprávu. Spotřeba závisí na tom, kolik informací musí model zpracovat a kolik obsahu vytvoří. Delší zadání, práce s více soubory, generování velkého množství textu nebo kódu a složitější agentní úlohy proto spotřebují více kreditů. Pokud si například koupíte 250 kreditů, nelze říct, že vystačí přesně na 25 nebo 50 úloh. U menších úkolů jich mohou být desítky, u složitějších výrazně méně.

Proto se vyplatí sáhnout po resetu limitu v nastavení. Reset zařídí obnovení týdenního či denního limitu. Nebo si prostě počkáte: v mém případě mi Chat GPT sám napsal: „Přejděte na vyšší tarif nebo přidejte kredity, abyste mohli Work používat hned, nebo počkejte, až se vám využití obnoví v 15:13“.

Sám jsem kredity kupoval pouze v případě, kdy byl výsledek jistější. Pro experimenty jsem peníze zbytečně utrácet nechtěl a v takovém případě raději buď počkal nebo využil reset.

Jak postupovat bez ohledu na to, kterou variantu zvolíte

Ať už web tvoříte přes ChatGPT Sites, v běžném Chatu nebo ve Worku, základní postup je podle mě velmi podobný. Liší se hlavně nástroje, které máte k dispozici. Následující zkušenosti proto platí pro všechny tři varianty.

U složitějšího webu bych vše nedělal najednou

U jednoduché jednostránky můžete klidně začít jedním větším zadáním. V případě složitějšího webu mi ale dává větší smysl jednotlivé části oddělit. Důvod je poměrně jednoduchý. Pokud necháte AI řešit strategii, obsah, grafiku i programování současně, musí najednou hlídat velké množství požadavků. Část zadání pak může zjednodušit nebo úplně opomenout.

Rozdělení práce na několik fází je sice pomalejší, ale z mých zkušeností vede k podstatně lépe kontrolovatelnému výsledku.

Nejdříve bych si pomocí ChatGPT ujasnil zákazníky, konkurenci, hlavní argumenty a cíl webu. Z těchto informací už může vzniknout drátěný model stránky, tedy jednoduché rozložení jednotlivých sekcí bez řešení grafiky.

Drátěný model je nákres webu. Můžete v něm vychytat zásadní chyby, které se třeba týkají přehlcenosti stránky. V mém případě mi drátěný model pomohl velmi rychle grafiku zjednodušit. Postupoval jsem takto:

1. Grafiku jsem nechal převést do HTML a CSS.
2. Požádal jsem ChatGPT o přenesení prvků z drátěného modelu do předchozího návrhu. Drátěný model bylo nutné nahrát jako ZIP, protože při nahrávání obrázků si ChatGPT obrázky zmenšuje.
3. Zkontroloval jsem výsledek. Díky kombinaci drátěného modelu došlo k tomu, že zmizely veškeré zbytečné prvky webu. Stránka se provzdušnila. Klíčové marketingové části byly na správných místech.

Osvědčilo se mi práci rozdělit. Na začátku si například nechám připravit vizuální návrh celé stránky nebo jednotlivých sekcí. V této fázi mi nevadí, že ještě nejde o skutečný web. Řeším především kompozici, typografii, obrázky a celkový vizuální směr.

Je třeba pamatovat na to, že když chcete po ChatuGPT návrh celého webu, není úplně vhodné nechávat tento návrh upravovat stejným generátorem obrázků. Měl jsem třeba návrh, se kterým jsem byl skoro spokojený, a chtěl jsem změnit jedinou věc. Například tlačítko. Nástroj Obrázky ChatGPT 2.5 tlačítko upravil, ale současně trochu změnil obrázek vedle něj.

Malá odbočka: všimněte si, že OpenAI při uvedení nového modelu nikde v příkladech neukazuje weby. Webdesignér Griffin Wooldridge ve svém článku popisuje praktické testování. Podle něj je současná verze dobrá pro vizuální směr, obrázky v horní sekci, vzhled sekcí, nákresy a rychlé koncepty; není ještě spolehlivá jako nástroj pro finální produkční uživatelské rozhraní. Testoval také Astra 6.

Jakmile jsem byl spokojen s vizuálním návrhem, požádal jsem Chat GPT o vytvoření HTML, CSS a případně javascriptu. Pak už lze zadat poměrně přesně, že má být mezera o něco větší, obrázek se má na mobilu skrýt nebo konkrétní prvek posunout.

Dokonce můžete jednotlivé části řešit postupně, jak jsem to doporučoval v předchozí části návodu. Pro větší přehlednost si opět doporučuji rozdělit práci: ve zvláštním chatu probírejte nápady a s výsledkem se vraťte do hlavního chatu, kde máte otevřené vytváření stránek. Tím si hlavní chat nezahltíte podrobnostmi a může sloužit jen vytvoření dané úpravy.

Při ladění využívejte ChatGPT jako rádce

Pokud používáte Work nebo děláte stránky přes Sites, doporučuji část ladění dělat v běžném chatu, abyste si zbytečně neplýtvali limity. Skvělé je používat role: můžete třeba zadat ChatuGPT, aby se nad návrhem zamyslel jako grafik, vývojář, copywriter, specialista na použitelnost a marketér.

Hodně mi pomáhalo rozšíření v prohlížeči Awesome Screen Recorder and Screen Capture 2 in 1, kdy jsem mohl AI předávat konkrétní obrázek, pomocí šipek ukázat co má konkrétně napravit nebo co je špatně. Chybu mu nemusíte napsat rovnou, stačí když dáte na svůj pocit a něco se vám tam nebude zdát.

Dejte si ale pozor na to, abyste do chatu jen nenahráli obrázek. Takto bez zadání se mi několikrát stalo, že AI nevidělo a ještě navíc pochválilo očividné chyby.

Obyčejný chat můžete používat i jako rádce. Často jsem mu ukázal nějakou oblast webu, slovně popsal čeho chci dosáhnout a následně si nechal vytvořit čtyři různé návrhy řešení ve formě obrázku. Ty jsem potom dál upravoval až do finální varianty.

Následně se z chatu můžete přepnout zpět do Worku, kde předložíte AI výsledný obrázek vybrané sekce a požádáte ho o zapracování.

A takto krok za krokem můžete odladit celou část webu. Jen se připravte na to, že tento postup je zdlouhavý. Počítejte s tím, že AI bude dělat chyby a vy mu budete muset trpělivě vysvětlovat, co tam má změnit. Já jsem třeba k níže uvedenému obrázku napsal tento pokyn: „Podívej se na předchozí předložený obrázek a návrh. Porovnej rozdíly a pojmenuj si, co je špatně a jak to opravit“. Bohužel výsledný návrh neodpovídal a pro konečnou verzi jsem potřeboval několik pokusů.

Můžete samozřejmě zkusit dodat Worku zadání textových souborech a zadat mu více úkolů naráz. Já jsem raději dal přednost náročnější variantě. Vznikl nákres webu. Po něm žádost na grafiku. Následovalo vybrání finální verze grafiky a pokyn pro propojení s nákresem webu. Následně jsem web musel upravovat po jednotlivých oblastech. Od horní zóny (tzv. hero zóna) až po patičku.

Pokyn ke sloučení nákresu webu a návrhu grafiky totiž vedl k tomu, že ChatGPT nevytvářel novou grafiku, ale na řadě míst použil původní zástupné kresby z nákresu. Takže jsem u těchto částí opět postupoval krok za krokem po jednotlivých sekcích. Původní náčrtky tak nahradila finální grafika.

V původním návrhu byl třeba orientační nákres mapy. Už při návrhu prvního drátěného modelu jsme si s AI moc nerozuměli a on se snažil mapu kreslit v úplně jiném formátu. Nakonec jsme našli shodu a vznikl nákres rozložené mapy.

V další fázi bylo potřeba tento nákres přeměnit na skutečnou grafiku. První návrh nebylo možné použít, protože mapa byla příliš výrazná a jednotlivé položky konkurovaly samotnému textu. Mapu jsem proto nechal lehce utlumit. Společně s AI jsme museli také doladit umístění medvěda („Bacha, nerudný méďa!“), který nám v jednom návrhu zasáhl do rámečku s textem.

Do svých stránek můžete tyto drobné vtípky klidně zakomponovat, pokud to není v rozporu s tím, jak chce vaše firma působit na zákazníky. Nepočítejte s tím, že vám tohle vymyslí AI. Varování před medvědem byl můj vlastní nápad.

Při vývoji webu ve spolupráci s AI se samozřejmě může stát, že se něco rozbije. Proto vždy doporučuji před větším zásahem zachovávat dřívjěší funkční verzi. Nenechal bych AI kompletně přepisovat jedinou existující verzi projektu bez možnosti návratu.

Nakonec zkontrolujte technickou kvalitu

Jakmile jsem byl s hlavní stranou spokojen, následovalo vyčištění HTML a CSS. O to se postarala opět AI s tímto pokynem:

Jsi zkušený vývojář HTML a CSS s 20 lety zkušeností, který už vytvořit tisíce webů. Ke kontrole se ti dostává zip v příloze. Řeš pouze:

• HTML
• CSS
• javascript
• chyby proti dobré praxi vývoje
• rychlost načítání webu
• přístupnost
• srozumitelnost pro vývojáře

Neřeš:

• funkčnost formuláře

Důkladně vše prozkoumej. Nespěchej. Zobraz textový verdikt, kde zhodnotíš kvalitu práce HTML / CSS kodéra.

ChatGPT si kód prošel a zobrazil informaci, které možná netechnicky neznalý podnikatel nebude rozumět: „Není to začátečnický ani nekvalitní kód. HTML je poměrně čisté, přístupnost je nadprůměrně ošetřená a JavaScript je malý a srozumitelný. Nejslabším místem je CSS architektura. Web prošel evidentně řadou iterací a výsledný vzhled se podařilo stabilizovat, ale část této historie zůstala ve stylesheetu.“

Když to přeložím do člověčiny, tak jak u webu dělala řada úprav, ChatGPT si popisoval informace do souboru CSS a nijak nedbal na udržování pořádku. Takže tam zůstaly staré neaktuální pokyny, soubor byl zbytečně velký a kdyby na AI práci navazoval lidský vývojář, nebyl by z kvality práce nadšený. Musel by totiž pracně dohledávat, jaký pokyn je platný a co se naopak ve stránce už nepoužívá.

Nechal jsem AI navrhnout úpravy a poté mu návrh schválil. Následně ještě jako bonus vytvořil pokyny pro vznik budoucí podstránky. Tyto pokyny jsem pak použil u definice dalšího zadání.

Co se skrývá pod kapotou služby ChatGPT

Ať už tvoříte stránky s libovolnou službou od OpenAI, je dobré vědět něco o tom, jak to tam funguje. Potom totiž můžete lépe chápat, proč někdy nedostáváte to, co jste si od svého zadání slibovali.

Zkusím vám pohled do zákulisí hodně zjednodušit. ChatGPT totiž není pouze jazykový model, který dělá úplně všechno. Podle typu úkolu se zapojují různé části systému.

Základ služby tvoří velký jazykový model (large language model, LLM). Jde o počítačový model jazyka, trénovaný na velkém množství textů. Jazykový model statisticky předvídá, jaká část textu bude následovat.

Přestože ChatGPT dokáže reagovat na vaše zadání velmi přirozeně, samotný model nemyslí stejným způsobem jako člověk a nemá vědomí toho, co vám píše. To vede k situacím, kdy si s ChatGPT občas nerozumíte nebo dostanete špatný výsledek a musíte zadání upřesnit či výsledek opravit.

Když ChatGPT zobrazuje „Přemýšlím“, znamená to, že samotný jazykový model si před odpovědí nechává víc času na zpracování úkolu. U složitějších dotazů může zkoušet různé postupy, upravovat je a hledat chyby. Teprve potom vytvoří výslednou odpověď. Nejde ale o lidské přemýšlení, spíš o složitější výpočet uvnitř modelu.

Dalším problémem jazykových modelů jsou halucinace. Modely jsou trénované tak, aby byly nápomocné a snažily se splnit zadaný úkol. Pokud ale správnou odpověď neznají nebo nemají dostatek informací, mohou si část odpovědi jednoduše „domyslet“ a podat ji velmi přesvědčivě. Výsledkem pak může být informace, která zní věrohodně, ale není pravdivá. Proto také v rozhraní najdete upozornění: „ChatGPT může dělat chyby. Doporučujeme kontrolovat důležité informace“.

Samotný jazykový model ale není celý ChatGPT. Kolem něj funguje další vrstva, která modelu předává informace a umožňuje mu používat další nástroje. V odbornějších textech se pro ni používá anglický výraz harness. Můžete si ho představit jako prostředníka mezi jazykovým modelem a tím, co ChatGPT skutečně dělá. Tato nadstavba například rozhoduje, jaké části předchozí konverzace model dostane, umožní mu pracovat se souborem, vyhledávat na internetu, spustit kód nebo použít nástroj pro tvorbu obrázků.

Proto také není každá chyba ChatGPT automaticky chybou jazykového modelu. Špatně napsaný text může vzniknout přímo v LLM. U nepovedené úpravy obrázku může být problém v obrázkovém modelu nebo nástroji, který ho používá. Při dlouhém úkolu zase může hrát roli způsob, jakým systém pracuje s kontextem a jednotlivými kroky. U opravdu dlouhých chatů může dojít i k tomu, že si model nevybaví, co jste řešili úplně na začátku.

Poslední pojem, který se hodí znát, je agent. Tím se obvykle myslí AI, která nedostane jen jednu otázku, ale celý úkol. Sama si ho může rozdělit na několik kroků, průběžně používat dostupné nástroje a pokračovat, dokud nedojde k výsledku. Místo toho, abyste jí přesně říkali každý jednotlivý krok, zadáte spíš cíl. Například: „Projdi konkurenci, připrav návrh struktury webu a vytvoř první verzi stránky.“ Agent pak může postupně vyhledávat informace, pracovat se soubory, používat další nástroje a skládat výsledek dohromady.

Pro běžnou práci tyhle detaily nemusíte technicky rozlišovat. Je ale dobré vědět, že „AI“ není jedna jediná věc. Proto také může být ChatGPT v jednom typu úkolu velmi dobrý a v jiném dělat překvapivě zvláštní chyby. Při odladění chyb vám pomůže pochopit to, kde vlastně chyba vzniká a tím pádem můžete vymyslet vhodné řešení.

Jaké mám zkušenosti s jinými AI nástroji

ChatGPT samozřejmě není jediný nástroj, který dnes umí vytvářet webové stránky. Existují specializované AI web buildery i programovací agenti, kteří se snaží velkou část celého procesu automatizovat. Stránky umí navrhovat i konkurenční Claude, Grok nebo Gemini. V posledně zmíněném jsem zkoušel vytvářet návrhy webových stránek. Nejprve odmítl procházet konkurenční weby („Jako umělá inteligence nemohu v reálném čase fyzicky procházet a vizuálně hodnotit aktuální weby konkurence“), poté si definoval na můj pokyn „AI slop“ a dodal návrh, který vidíte na obrázku.

K návrhu sebevědomě dopsal: „Návrh ukazuje čistý, profesionální design. V hero sekci je zakomponován náš hlavní claim a níže jsou naznačeny interaktivní prvky a časová osa ukazující postupný vznik a rozšiřování webu (od základu po práci specialistů).“

Nejen příklad Gemini ukazuje, že rozdíly mezi nástroji mohou být poměrně velké. Jedna věc mi připadá společná. Velmi rychle dokážou vytvořit první verzi. To, co dříve zabralo několik hodin nebo dní, může mít během chvíle konkrétní podobu.

Rozdíl začíná být vidět hlavně později. Jakmile chcete přesně dodržet firemní identitu, vytvořit méně obvyklou strukturu, odstranit generický vzhled, řešit složitější chování na různých zařízeních nebo web dlouhodobě rozvíjet, samotná schopnost AI něco rychle vygenerovat přestává být hlavní výhodou. Stále důležitější je způsob, jakým s AI pracujete.

Dokáže si dnes živnostník udělat web sám?

Podle mě ano. Ještě před několika lety bych na stejnou otázku odpověděl podstatně opatrněji. Pro jednoduchý web malé firmy už dnes nemusí být znalost HTML, CSS nebo WordPressu podmínkou. AI odstranila velkou část technické bariéry.

Neodstranila ale potřebu rozumět vlastní firmě a zákazníkům. Pořád potřebujete vědět, proč by si vás měl zákazník vybrat, jaké informace hledá a co má po návštěvě webu udělat. A také poznat, kdy výsledek není dost dobrý.

Bohužel tady, podle mých dlouholetých zkušeností, podnikatelé nejvíce selhávají. Zažil jsem v praxi situace, kdy podnikatel třeba odmítl náš grafický návrh webu a nakonec skončil u genericky vypadajícího webu. Hlavní pro něj bylo, že se tam věci po najetí myší hýbou a jednotlivé části stránky se s velkým efektem animují. Také jsem měl klienta, který nedokázal poznat špatně svépomocně udělaný e-shop.

Pamatuji si také jednu čerstvou veřejnou diskusi, kde podnikatel obhajoval svůj letáček vytvořený během deseti sekund v AI a naopak nechápal, proč mnou zjednodušená alternativní verze je lepší než ta jeho. Zatímco jeho leták potenciální klienty přehltil, moje verze byla marketingově stručná a úderná.

Tito podnikatelé měli jednu věc společnou: chybělo jim grafické a estetické cítění. Nebyli to marketéři. Proto minimálně zvažte, že při tvorbě AI webu přizvete marketéra na konzultace. V opačném případě vám totiž může hrozit web, který nebude podporovat vaše podnikání a bude třeba zákazníky odrazovat zbytečnou složitostí.

ZPĚT NA SEZNAM ČLÁNKŮ