Vibe coding a dark patterns: Když AI vytvoří e-shop, který může být právně problémový

Nechali jste si pomocí AI vytvořit část e-shopu? Možná byste měli zkontrolovat nejen to, jestli funguje, ale také co vlastně dělá se zákazníkem.

Vibe coding — tedy tvorba webu nebo e-shopu tak, že AI nástroji jen popíšete, co chcete, a necháte ho vygenerovat hotové rozhraní — je dnes běžná cesta, jak rychle a levně rozjet e-shop. Problém je, že AI se učí z milionů existujících webů. A hodně z nich obsahuje UX praktiky, které fungují skvěle na konverze, ale právně stojí na tenkém ledě.

1. Co je vibe coding a proč ho e-shopaři používají

Vibe coding znamená, že zadáte AI nástroji (Cursor, Lovable, Replit, Framer AI, v0 a podobně) slovní popis toho, jak má e-shop nebo jeho část vypadat a fungovat, a nástroj rovnou vygeneruje funkční kód nebo layout. Nemusíte umět programovat ani rozumět UX designu.

Pro e-shopaře je to lákavé ze tří důvodů:

• Rychlost — checkout, produktová stránka nebo landing page vzniknou za hodiny, ne týdny.
• Cena — odpadá platba vývojáři nebo UX designérovi.
• Dostupnost — nemusíte znát nikoho „od e-shopů", stačí popsat zadání.

Háček je v tom, že AI model optimalizuje na to, co vypadá dobře a „funguje" — tedy na konverzní vzory, které viděl v trénovacích datech. A velká část webu je plná rozhraní navržených tak, aby uživatele k něčemu popostrčila, ne aby mu dala svobodnou volbu.

2. Co jsou dark patterns – jednoduše a na příkladech

Dark patterns (temné vzory) jsou prvky designu, které vedou uživatele k rozhodnutí, které by pravděpodobně neudělal, kdyby rozhraní bylo neutrální a transparentní. Nejde o to, že by tlačítko bylo „ošklivé" — jde o to, že rozhraní cíleně komplikuje, skrývá nebo zkresluje informace, aby vás dotlačilo k objednávce, souhlasu nebo vyšší útratě.

Pár typických příkladů, které jste určitě už jako zákazník zažili:

• Tlačítko „Souhlasím se vším" je zelené a velké, tlačítko „Pouze nezbytné" je šedý drobný text schovaný dole.
• Do košíku vám bez upozornění přibude „pojištění zásilky" za 29 Kč.
• Odhlásit se z newsletteru jde přes tři kroky a e-mail podpoře, přihlásit se stačilo jedno kliknutí.
• Nahoře stránky běží odpočet „Nabídka končí za 04:59" — a druhý den tam běží znovu.

3. Které manipulační praktiky jsou u e-shopů problematické

Toto jsou nejčastější vzory, které se objevují i ve vygenerovaných checkoutech a formulářích — a na které je z pohledu e-shopaře potřeba dát pozor:

4. Proč je problém, když UX vytvoří AI

Když si tyto prvky do e-shopu dá vývojář nebo marketér vědomě, aspoň ví, co dělá a jaké riziko podstupuje. Problém vibe codingu je, že tyto vzory se do rozhraní dostanou mimochodem — AI je vygeneruje, protože je vídal v podobném kontextu ve svých trénovacích datech, ne protože byste o ně vyloženě požádali.

Typicky se stane, že:

• Zadáte „udělej mi checkout, co dobře konvertuje" — a AI si „dobrou konverzí" spojí s předzaškrtnutými doplňky a naléhavými hláškami, protože přesně tak vypadají weby, které se v datech objevovaly nejčastěji.
• Nikdo v procesu nemá roli, která by se ptala „je tohle fér vůči zákazníkovi", protože chybí UX designér i právník — je tu jen prompt a výstup.
• Výsledek vypadá profesionálně a „jako velké e-shopy", takže důvěra v to, že je v pořádku, je vyšší, než by měla být.

Odpovědnost za obsah a chování e-shopu přitom nese vždy provozovatel, ne nástroj, který web vygeneroval. „To udělala AI" není právní obhajoba.

5. Jaká legislativa se toho týká

Tady je důležité být přesný: ne každý dark pattern je automaticky nezákonný. Některé praktiky jsou výslovně zakázané („černá listina"), jiné jsou posuzovány případ od případu podle toho, jestli reálně zkreslují rozhodování průměrného spotřebitele. Přehled hlavních zdrojů:

Shrnutí: pokud dark pattern spadá pod klamavé nebo agresivní jednání podle ochrany spotřebitele, pod nesouhlas dle GDPR nebo pod konkrétní zákaz v čl. 22 CRD, jde o porušení práva, ne jen o „riskantní UX". Mimo tyto konkrétní případy jde o praktiku, která je riziková a může být při posouzení konkrétního jednání vyhodnocena jako nekalá — ale automaticky „nezákonná" není každá agresivní marketingová formulace.

6. Co si při vibe codingu pohlídat

• Nikdy neschvalujte vygenerovaný checkout nebo formulář jen podle toho, jak vypadá — projděte ho jako zákazník, krok za krokem, a ptejte se „rozumím v tuhle chvíli, co přesně platím a s čím souhlasím?"
• Explicitně do promptu pište, co nechcete: „bez předzaškrtnutých souhlasů", „bez falešných časových limitů", „zrušení musí být stejně snadné jako objednání".
• Nedůvěřujte defaultům. AI nástroje mají tendenci předvyplňovat doplňkové služby a souhlasy jako zaškrtnuté, protože to je „konverzně" nejběžnější vzor v datech.
• Cenu ukazujte od začátku včetně všech povinných poplatků — ne až v posledním kroku.
• Kontrolujte texty tlačítek — žádné zahanbující formulace u volby „ne, děkuji".

7. Praktický checklist pro e-shopaře

Než publikujete cokoli, co vám pomohla postavit AI, projděte tento seznam:

8. Příklad: AI vytvořila checkout – co v něm zkontrolovat

Zadali jste AI nástroji: „Vytvoř mi checkout na tři kroky s možností přidat pojištění zásilky a expresní dopravu." Nástroj vygeneruje hezký, funkční checkout. Co si u něj ověřit ještě předtím, než ho pustíte na ostrý provoz:

1. 1Je pojištění zásilky a expresní doprava předem zaškrtnuté? Pokud ano, přepněte na opt-in — jinak riskujete porušení čl. 22 směrnice o právech spotřebitelů a reklamace/vrácení peněz.
2. 2Mění se cena mezi kroky? Pokud se v kroku 3 objeví nová položka (poplatek za platbu kartou, „manipulační poplatek"), přesuňte ji do kroku 1.
3. 3Má tlačítko „Pokračovat bez pojištění" neutrální text? Pokud tam AI vygenerovala „Ne, riskuji ztrátu balíku", přepište ho.
4. 4Souhlas s obchodními podmínkami a zpracováním údajů — je to samostatný, nezaškrtnutý checkbox? Sloučený „souhlasím se vším najednou" checkbox bez možnosti rozlišit, s čím souhlasíte, je rizikový.
5. 5Je vidět, jak objednávku zrušit nebo od ní odstoupit? I bez povinnosti tlačítka podle chystané novely je dobré mít odkaz na podmínky vrácení přímo v checkoutu, ne jen v patičce webu.