Jak jsem vylepšil AI assistant prompt
Při vytváření landing page pro Cursor kurz AI asistent udělal několik systematických chyb. Změnil logo a branding (nahradil obrázek textem "FAIL"), vynechal video element z hero sekce, použil neexistující ikonu, nastyloval badge na celou šířku containeru a použil šipku dolů v CTA tlačítku, které nemělo scrollovat.
Místo jednorázové opravy jsem se rozhodl řešit to systémově – upravit prompt pro budoucí generování.
Problém, který jsem řešil
AI generátor landing pages dělal systematické chyby při vytváření stránek. Měnila se brand identita (logo, název), vynechávaly se povinné elementy (video v hero), používaly se neexistující resources (ikony), nesprávné zarovnání elementů ve flex kontejnerech, sémanticky nesprávné ikony v UI elementech.
Tyto chyby narušovaly brand konzistenci a UX. Potřeboval jsem to opravit systémově, ne jen jednorázově.
Jak jsem ho vyřešil
Rozhodl jsem se vytvořit novou sekci "CRITICAL RULES" v `ASSISTANT-PROMPT.md` s explicitními pravidly. AI potřebuje jasně definované "nepřekročitelné" pravidla. Tvrzení "kopíruj header ze showcase.html" nestačí – je třeba říct "NIKDY neměň logo, NIKDY nenahrazuj obrázek textem".
Přidal jsem 5 kritických pravidel:
1. NEVER Change Header or Footer – header a footer jsou brand elementy, které musí zůstat PŘESNĚ jako v showcase.html
2. ALWAYS Include Video in Hero with Video – obě části musí být přítomné
3. ONLY Use Icons That Exist – seznam bezpečných ikon, pravidlo: "DO NOT invent icon names"
4. Icons in Buttons Must Make Sense – arrow-right pro "Go forward", play pro "Play video", nav-arrow-down ONLY pro scrolling
5. Badge Alignment in Flex Containers – přidat `align-self: flex-start` nebo obalit wrapper divem
Potom jsem opravil aktuální stránku a validoval přes browser testing. Výsledek: 100% opravených identifikovaných problémů.
Jak to funguje v praxi
Teď když AI generuje landing page, má jasně definovaná kritická pravidla. Prompt rozšířený o 5 kritických pravidel pro konzistenci. Nové komponenty (demo cards, step cards, comparison table) jsou zdokumentované pro design system.
Výsledek: AI už nedělá systematické chyby. Brand identita zůstává konzistentní, povinné elementy jsou přítomné, používají se jen existující resources, elementy jsou správně zarovnané, ikony jsou sémanticky správné.
Co jsem se naučil
Explicitní pravidla > implicitní očekávání. AI potřebuje jasně definované "nepřekročitelné" pravidla. Tvrzení "kopíruj header ze showcase.html" nestačí – je třeba říct "NIKDY neměň logo, NIKDY nenahrazuj obrázek textem".
Verifikace dependencies. Před použitím jakékoliv ikony/komponenty by AI měla ověřit, že existuje v dostupných souborech. Ikona `iconoir-sparks` byla vymyšlená.
Sémantická konzistence. Ikony v UI musí sémanticky odpovídat akci. Šipka dolů v tlačítku "Co se naučíte" nedává smysl, pokud tlačítko nescrolluje na sekci níže.
Zpětná vazba je klíčová. Jedna iterace odhalila 5 problémů, druhá odhalila další (badge alignment).
Proč to stojí za to
Když máš AI generátor, který dělá systematické chyby, nemusíš to opravovat manuálně. Můžeš vytvořit "CRITICAL RULES" sekci v systémových promptech pro nepřekročitelná pravidla.
CRITICAL RULES jsou teď součástí mého workflow. Šetří mi čas, protože AI už nedělá systematické chyby. A zároveň mám kontrolu nad tím, jak landing pages vypadají, protože všechno je v promptu.
Pokud máš podobný problém – AI generátor, který dělá systematické chyby – zkus to. Možná zjistíš, že je to jednodušší, než sis myslel.
Časté otázky
Co jsou CRITICAL RULES a proč je potřebuji?
CRITICAL RULES jsou explicitní, nepřekročitelná pravidla v promptu pro AI. Běžné instrukce typu "kopíruj header" nestačí – AI je může interpretovat volně. Když napíšeš "NIKDY neměň logo, NIKDY nenahrazuj obrázek textem", AI to respektuje. Výsledek: 100% eliminace systematických chyb.
Kolik pravidel bych měl mít v CRITICAL RULES sekci?
Tolik, kolik potřebuješ k eliminaci opakujících se chyb. Já jsem začal s 5 pravidly – brand identita, povinné elementy, existující resources, sémantické ikony, zarovnání. Každé pravidlo řeší konkrétní problém, který se opakoval. Nepřidávej pravidla preventivně – přidej je, až když narazíš na systematickou chybu.
Jak poznám, že AI dělá systematickou chybu?
Když se stejný problém opakuje při více generováních. Jedna chyba je náhoda, dvě jsou vzorec. Moje AI třeba opakovaně měnila logo, vynechávala video, používala neexistující ikony. To není náhoda – to je systematický problém, který vyžaduje systémové řešení.
Proč nestačí jednorázová oprava chyby?
Protože AI nemá paměť mezi konverzacemi. Opravíš chybu dnes, zítra ji udělá znovu. Když ale přidáš pravidlo do promptu, AI ho respektuje při každém generování. Jednorázová oprava řeší symptom, CRITICAL RULES řeší příčinu.
Jak formulovat pravidla, aby je AI respektovala?
Používej silná slova: NEVER, ALWAYS, ONLY, DO NOT. Buď konkrétní – ne "zachovej brand", ale "NIKDY neměň logo, NIKDY nenahrazuj obrázek textem". Přidej kontext proč – "header a footer jsou brand elementy, které musí zůstat PŘESNĚ jako v showcase.html". Čím explicitnější, tím lepší.
Tom