🤖 Jak si nechat vytvořit web pomocí AI: Kompletní návod a MASTER PROMPT

Chcete si nechat vytvořit web pomocí ChatGPT nebo jiné AI? Dnes už nemusíte být programátor, abyste dokázali vytvořit funkční webovou stránku. Největší problém ale často není samotné HTML, CSS nebo JavaScript.

Nejtěžší je správně AI vysvětlit, co vlastně chcete vytvořit.

Čím obecnější zadání AI dostane, tím více prostoru má pro vlastní domněnky. Rozdíl mezi:

„Vytvoř mi moderní web.“

„Vytvoř mi moderní jednostránkový web pro autoservis v Teplicích. Cílovou skupinou jsou majitelé osobních automobilů ve věku 25–60 let. Web má působit profesionálně, důvěryhodně a technicky. Použij tmavý design s oranžovými akcenty. Hlavním cílem webu je získat telefonické objednávky a poptávky přes kontaktní formulář.“

je obrovský.

V tomto návodu si ukážeme, jak AI zadat tvorbu webu krok za krokem, na co nezapomenout a na konci najdete také univerzální MASTER PROMPT, který můžete použít jako základ pro vlastní projekty.

🧠 AI není jasnovidec

AI dokáže vytvořit web velmi rychle. Potřebuje ale dostatek informací.

Ideální je přemýšlet o zadání jako o projektovém briefu pro webdesignéra, UX designéra a programátora zároveň.

AI by měla vědět:

👤 pro koho web je
🏢 kdo web provozuje
🎯 co má web splnit
🎨 jak má vypadat
📱 jak se má chovat na mobilu
🖥️ jak se má chovat na počítači
📄 jaké stránky má obsahovat
🧭 jaké bude menu
📝 jaké texty mají být na stránce
🖼️ jaké obrázky potřebuje
📞 jaké kontakty použít
📩 jak má fungovat formulář
🔍 na jaká témata má být web optimalizovaný
⚙️ jaké technologie má použít
🔗 kam mají jednotlivé odkazy vést
🚫 co naopak dělat nemá

Čím přesnější zadání, tím méně prostoru necháváte AI pro vlastní interpretaci.

🏗️ Nezačínejte programováním

Jedna z nejčastějších chyb je napsat:

„Vytvoř mi web.“

A očekávat perfektní výsledek.

Mnohem lepší je rozdělit celý projekt do jednotlivých fází:

1. Analýza projektu
↓
2. Struktura webu
↓
3. Obsah
↓
4. Vizuální styl
↓
5. UX a responzivita
↓
6. SEO
↓
7. Programování
↓
8. Kontrola
↓
9. Opravy
↓
10. Finální optimalizace

Tento postup je výrazně spolehlivější než požadovat celý web jedním obřím promptem.

🧩 Nejdříve AI vysvětlete projekt

Začněte základními informacemi o projektu.

Například:

Chci vytvořit nový web pro firmu XYZ.

Firma se zabývá tvorbou webových stránek, správou WordPressu, SEO a hostingem.

Web bude určen především pro malé a střední firmy.

Hlavním cílem webu je získávat nové zákazníky.

Web má působit moderně, profesionálně, důvěryhodně a technologicky.

Hlavní akcí návštěvníka má být odeslání poptávky nebo telefonický kontakt.

Tím AI získá základní kontext projektu.

👥 Popište cílového návštěvníka

Toto je jedna z nejdůležitějších částí zadání.

Jiný web budete vytvářet pro:

👨‍💼 firemního manažera
🎸 začínajícího muzikanta
🍕 zákazníka restaurace
🏠 zájemce o nemovitost
🛒 zákazníka e-shopu

Napište například:

Cílovou skupinou jsou majitelé malých firem ve věku 30–55 let, kteří potřebují nový web, ale nejsou technicky zaměření.

Ještě lepší je doplnit jejich znalosti a problémy:

Návštěvník často neví, jak funguje WordPress, hosting nebo SEO. Texty proto musí být jednoduché, srozumitelné a bez zbytečného technického žargonu.

🎯 Určete hlavní cíl webu

Každý web by měl mít jasně definovaný hlavní cíl.

Může jím být například:

📞 telefonický kontakt
📩 odeslání formuláře
🛒 nákup
📅 rezervace
💬 kontakt přes WhatsApp
📥 stažení katalogu
🏢 návštěva provozovny

Pokud chcete získávat poptávky, můžete AI zadat:

Hlavním cílem webu je získat nové poptávky. Výzva k akci musí být viditelná v horní části stránky a opakovat se na důležitých místech webu.

🗺️ Nejprve vytvořte strukturu webu

Ještě před samotným programováním nechte AI navrhnout informační architekturu.

Použijte například:

Navrhni informační architekturu webu. Neprogramuj zatím nic. Navrhni stránky, sekce, navigaci a doporučené pořadí obsahu.

AI může navrhnout například:

Hlavní menu

Domů
Služby
Reference
O nás
Blog
Kontakt

Homepage

Hero sekce
Hlavní služby
Výhody
Reference
Proces spolupráce
O společnosti
FAQ
CTA
Kontakt
Footer

Nechte AI nejprve přemýšlet o struktuře. Kód přijde až potom.

🎨 Přesně definujte vizuální styl

Nestačí napsat:

„Chci moderní web.“

Slovo „moderní“ může pro AI znamenat téměř cokoliv.

Buďte konkrétní.

🎨 Barvy

Například:

pozadí: #111111
hlavní barva: #FF6B00
text: #FFFFFF
sekundární text: #B8B8B8

✨ Styl

Design má být minimalistický, moderní, technologický a profesionální. Používej dostatek prostoru mezi jednotlivými sekcemi, výrazné nadpisy, jednoduché karty a jemné animace.

Čím přesnější vizuální zadání, tím větší šanci máte na konzistentní výsledek.

🖼️ Nezapomeňte na obrázky

AI potřebuje vědět, jaké obrázky má web používat.

Například:

Hero sekce má obsahovat velkou fotografii moderního automobilu v autoservisu.

Nebo:

Používej realistické fotografie skutečných lidí při práci. Nepoužívej generické obrázky kanceláří.

Pokud obrázky zatím nemáte:

Do kódu připrav placeholdery pro obrázky a u každého obrázku uveď, jaký typ fotografie má být následně vložen.

♿ ALT texty obrázků

Každý důležitý obrázek by měl mít smysluplný alternativní text.

❌ alt="obrazek1"

✅ alt="Tým společnosti XYZ při práci na webovém projektu"

ALT text by měl popisovat obsah obrázku. Neměl by sloužit pouze jako místo pro nacpání klíčových slov.

📱 Responzivita není volitelná

Moderní web musí fungovat na:

📱 mobilu
📱 tabletu
💻 notebooku
🖥️ desktopu

Do promptu napište například:

Web musí být plně responzivní. Navrhni a otestuj layout pro mobilní telefon, tablet, notebook a velký desktop. Na mobilu nesmí vznikat horizontální scrollování.

Ještě přesnější zadání:

Mobilní verze není pouze zmenšená desktopová verze. Rozvržení, velikosti textů, tlačítka, menu a pořadí prvků musí být přizpůsobeny ovládání prstem.

🧭 Definujte mobilní navigaci

Například:

Desktop používá horizontální navigaci. Na mobilu se menu změní na hamburger menu. Po kliknutí se zobrazí navigace přes celou šířku obrazovky. Po výběru položky se menu zavře.

Takto AI přesně ví, jak se má navigace chovat.

🔘 Definujte CTA tlačítka

Neříkejte pouze:

Přidej tlačítka.

Řekněte:

Primární CTA tlačítko bude oranžové s textem „Nezávazně poptat“. Sekundární tlačítko bude mít text „Zobrazit služby“.

A také definujte jejich funkci:

Tlačítko „Nezávazně poptat“ musí scrollovat na kontaktní formulář.

📩 Přesně popište kontaktní formulář

Například:

Jméno
E-mail
Telefon
Předmět
Zpráva
Souhlas se zpracováním osobních údajů
Tlačítko Odeslat

Dále definujte:

která pole jsou povinná
co se zobrazí po odeslání
jak se zobrazí chyba
jak se formulář chová na mobilu

⚖️ Nezapomeňte na právní části

Podle typu webu může být potřeba například:

ochrana osobních údajů
podmínky
cookies
informace o provozovateli
kontaktní údaje
obchodní podmínky
reklamační podmínky

AI může připravit strukturu, ale právní texty je vhodné ověřit podle konkrétního podnikání a jurisdikce.

🔍 SEO začíná ještě před programováním

SEO není pouze:

„Přidej SEO.“

Už při návrhu webu je potřeba řešit strukturu obsahu, vyhledávací záměr, interní odkazy, URL, nadpisy, obrázky a indexovatelnost.

AI proto můžete zadat:

Navrhni SEO strategii pro tento web. Identifikuj hlavní téma, sekundární témata, vyhledávací záměr uživatelů a doporučenou strukturu stránek.

🔑 Definujte hlavní témata a klíčová slova

Například:

Hlavní téma:
tvorba webových stránek

Vedlejší témata:

tvorba webu
webové stránky na míru
tvorba webu pro firmy
profesionální web
webdesign

Pozor ale na přehnané používání klíčových slov.

Text musí být přirozený především pro člověka.

📝 Každá stránka potřebuje vlastní SEO zadání

Například:

Domovská stránka

Primární téma: tvorba webových stránek

SEO title:
Tvorba webových stránek pro firmy | XYZ

Meta description:
Profesionální tvorba moderních webových stránek pro firmy. Responzivní design, SEO a následná správa webu.

H1:
Tvoříme webové stránky, které pomáhají firmám růst

Takto můžete připravit SEO zadání pro každou důležitou stránku webu.

🧠 Dodržujte logickou strukturu nadpisů

Ideální hierarchie:

↳ H2
↳ H3
↳ H3

↳ H2

Vyhněte se chaotickému pořadí typu:

H1 → H3 → H2 → H5 → H2 → H4

Struktura nadpisů má být logická především pro uživatele.

🧲 Nepodceňujte hero sekci

Hero sekce by měla během několika sekund vysvětlit:

kdo jste
co nabízíte
pro koho je služba určena
jaký je hlavní benefit
co má návštěvník udělat dál

Například:

H1

Web, který pracuje pro vaše podnikání

Text

Tvoříme moderní a rychlé webové stránky pro firmy, živnostníky a podnikatele.

CTA

Nezávazně poptat

Sekundární CTA

Prohlédnout služby

💡 Ukažte návštěvníkovi důvod, proč si vás vybrat

Místo obecného:

„Jsme nejlepší.“

raději ukažte konkrétní výhody:

⚡ Rychlá realizace
🎨 Moderní design
📱 Responzivní web
🔍 SEO optimalizace
🛠️ Následná správa
💬 Osobní komunikace

⭐ Reference

Pokud web obsahuje reference, můžete AI zadat:

Vytvoř sekci reference. Každá reference bude obsahovat obrázek, název projektu, krátký popis, použité technologie a tlačítko „Zobrazit projekt“.

Pokud reference ještě nemáte, používejte pouze jasně označené demo údaje nebo placeholdery.

❓ FAQ

FAQ může odpovědět na nejčastější otázky potenciálních zákazníků:

Kolik stojí vytvoření webu?
Jak dlouho tvorba webu trvá?
Budu si moci web upravovat sám?
Je web optimalizovaný pro mobily?
Nabízíte také SEO?
Co potřebuji dodat pro vytvoření webu?

AI můžete požádat:

Navrhni 8–12 nejčastějších otázek, které by měl potenciální zákazník před objednávkou.

🔗 Propojte stránky mezi sebou

Interní prolinkování je důležité pro uživatele i vyhledávače.

AI zadejte:

Navrhni interní prolinkování webu. Každá důležitá stránka musí být dosažitelná z jiné relevantní stránky. Používej přirozené anchor texty.

🧱 Nezapomeňte na footer

Footer by měl obsahovat například:

logo
krátký popis
navigaci
kontakty
sociální sítě
právní odkazy
copyright
případně IČO

Na desktopu může být rozdělen do několika sloupců, na mobilu do přehledných bloků pod sebou.

⚙️ Definujte technologii

Pokud chcete klasický web:

Použij čisté HTML5, CSS3 a vanilla JavaScript. Nepoužívej frameworky, pokud nejsou nutné.

Pokud chcete WordPress:

Web připrav jako WordPress theme/plugin podle standardů WordPressu.

Pokud chcete jinou technologii, určete ji předem.

🧹 Požadujte čistý kód

Do zadání můžete přidat:

Kód musí být přehledný, strukturovaný, komentovaný tam, kde je to užitečné, bez zbytečných knihoven a bez nepoužívaného CSS nebo JavaScriptu.

🚀 Myslete na rychlost

Například:

Optimalizuj web pro rychlé načítání. Minimalizuj zbytečný JavaScript, nepoužívej zbytečně velké obrázky, lazy-loaduj obrázky mimo první viewport a používej moderní formáty obrázků tam, kde je to vhodné.

♿ Nezapomeňte na přístupnost

AI můžete zadat:

Dodrž základní pravidla webové přístupnosti. Používej sémantické HTML, správné labely u formulářů, dostatečný kontrast, viditelný focus stav a ovladatelnost klávesnicí.

📊 Analytika a měření konverzí

Pokud ji potřebujete, můžete připravit prostor pro:

Google Analytics
Google Tag Manager
kliknutí na telefon
odeslání formuláře
kliknutí na e-mail
kliknutí na CTA
stažení souboru

Nejde totiž pouze o to web vytvořit.

Potřebujete také vědět, co na něm návštěvníci dělají.

🧩 Structured Data

U některých webů mohou být vhodná strukturovaná data, například:

Organization
LocalBusiness
Article
Product
Event

Používejte pouze typy, které odpovídají skutečnému obsahu stránky. Strukturovaná data by měla odpovídat tomu, co je na stránce skutečně viditelné.

🔐 Myslete na bezpečnost

U webových aplikací můžete AI zadat:

Zkontroluj základní bezpečnostní rizika. Nepoužívej API klíče, hesla ani citlivé údaje přímo ve frontendovém kódu. Ošetři uživatelské vstupy a formuláře.

🧪 Po vytvoření nechte AI web otestovat

Toto je jedna z nejdůležitějších částí celého procesu.

Místo:

„Je to hotové?“

použijte:

Proveď kompletní kontrolu vytvořeného webu. Hledej chyby v HTML, CSS, JavaScriptu, responzivitě, navigaci, formulářích, odkazech, SEO, přístupnosti, výkonu a UX. Vypiš všechny nalezené problémy a následně je oprav.

🔍 Proveďte SEO audit

Například:

Proveď technický SEO audit tohoto webu. Zkontroluj title, meta description, H1–H6 strukturu, URL, interní odkazy, alt texty, canonical, robots.txt, sitemap.xml, indexovatelnost, strukturovaná data, Open Graph metadata a případné duplicitní nebo chybějící informace.

📱 Proveďte samostatný mobilní audit

Můžete použít:

Proveď samostatný audit mobilní verze. Představ si šířky 320 px, 375 px, 390 px a 430 px. Hledej přetečení, příliš malé texty, špatně rozmístěná tlačítka, problémy s menu, formulářem, obrázky a horizontálním scrollováním.

🖥️ Nezapomeňte na desktop

Zkontroluj desktop verzi pro šířky přibližně 1280 px, 1440 px a 1920 px. Zkontroluj maximální šířku obsahu, mezery, velikosti nadpisů, obrázky, navigaci a vizuální hierarchii.

🔗 Zkontrolujte všechny odkazy

Zkontroluj všechny odkazy na webu. Najdi odkazy bez cíle, neexistující URL, špatné anchor texty, nefunkční CTA a odkazy vedoucí na nesprávné sekce.

📝 Nechte zkontrolovat texty

Proveď jazykovou a obsahovou korekturu celého webu. Oprav překlepy, gramatiku, stylistiku, opakování slov a nejasné formulace. Zachovej význam a tón komunikace.

🎯 Podívejte se na web očima zákazníka

Tohle je velmi užitečný test.

AI zadejte:

Projdi web jako potenciální zákazník.

A následně položte otázky:

Co firma nabízí?
Pro koho je služba?
Proč si vybrat právě tuto firmu?
Kolik služba přibližně stojí?
Jak firmu kontaktovat?
Co se stane po odeslání formuláře?

Vypište vše, co není dostatečně jasné.

🧠 Nejlepší způsob práce s AI: postupné prompty

Nemusíte všechno napsat do jednoho obřího promptu.

Doporučený workflow:

Prompt 1 – Analýza projektu
↓
Prompt 2 – Struktura webu
↓
Prompt 3 – UX
↓
Prompt 4 – Design
↓
Prompt 5 – Obsah
↓
Prompt 6 – SEO
↓
Prompt 7 – Programování
↓
Prompt 8 – Responzivita
↓
Prompt 9 – Audit
↓
Prompt 10 – Opravy
↓
Prompt 11 – Finální kontrola

Výhodou je, že se AI může v každém kroku soustředit na konkrétní problém.

🚀 MASTER PROMPT PRO TVORBU WEBU POMOCÍ AI

A teď to nejdůležitější.

Následující šablonu si můžete uložit a používat jako základ prakticky pro každý nový web.

ROLE

Chovej se jako zkušený webdesigner, UX/UI designer, frontend developer, SEO specialista, copywriter a tester webových stránek.

Tvým úkolem je vytvořit kompletní návrh a následně funkční webovou stránku podle zadání níže.

Nepřidávej vlastní funkce nebo obsah, který není vhodný pro projekt, bez předchozího upozornění.

Pokud některá důležitá informace chybí, nejdříve mě na ni upozorni a navrhni vhodné možnosti.

🏢 ZÁKLADNÍ INFORMACE

Název projektu:
[DOPLŇ]

Název firmy:
[DOPLŇ]

Webová adresa:
[DOPLŇ]

Obor:
[DOPLŇ]

Hlavní služba/produkt:
[DOPLŇ]

Lokalita:
[DOPLŇ]

Cílová skupina:
[DOPLŇ]

Hlavní cíl webu:
[DOPLŇ]

🎯 CÍL WEBU

Web má především:

[DOPLŇ]

Sekundární cíle:

[DOPLŇ]
[DOPLŇ]
[DOPLŇ]

👥 CÍLOVÝ UŽIVATEL

Typický návštěvník:
[DOPLŇ]

Věk:
[DOPLŇ]

Znalosti v oboru:
[začátečník / pokročilý / odborník]

Jaký problém řeší:
[DOPLŇ]

Co ho může přesvědčit:
[DOPLŇ]

Co ho může odradit:
[DOPLŇ]

🗺️ STRUKTURA WEBU

Web bude obsahovat tyto stránky:

Domů
O nás
Služby
Reference
Blog
Kontakt
[DOPLŇ]

Navrhni optimální strukturu jednotlivých stránek.

🏠 HOMEPAGE

Homepage musí obsahovat:

Header
Navigaci
Hero sekci
Hlavní CTA
Přehled služeb
Výhody
Reference
Proces spolupráce
O nás
FAQ
Kontaktní CTA
Footer

Pokud považuješ některou část za nevhodnou, vysvětli proč.

🎨 DESIGN

Vizuální styl:
[DOPLŇ]

Hlavní barva:
[DOPLŇ]

Sekundární barva:
[DOPLŇ]

Barva pozadí:
[DOPLŇ]

Barva textu:
[DOPLŇ]

Styl:
[minimalistický / luxusní / technologický / industriální / elegantní / hravý / jiný]

Web nesmí působit:
[DOPLŇ]

🔤 TYPOGRAFIE

Navrhni vhodné fonty.

H1:
[DOPLŇ]

H2:
[DOPLŇ]

Běžný text:
[DOPLŇ]

Text musí být dobře čitelný také na mobilním telefonu.

🖼️ OBRÁZKY

Použij:

[fotografie / ilustrace / ikony / kombinace]

Typ fotografií:
[DOPLŇ]

Hero obrázek:
[DOPLŇ]

Obrázky musí mít smysluplné ALT texty.

Pokud skutečné obrázky nejsou k dispozici, použij jasně označené placeholdery.

📱 RESPONZIVITA

Web musí být plně responzivní.

Optimalizuj jej pro:

mobil 320 px
mobil 375 px
mobil 390 px
mobil 430 px
tablet
notebook
desktop 1440 px
desktop 1920 px

Nesmí vznikat horizontální scrollování.

Mobilní verze musí být navržena jako samostatně optimalizovaný layout.

🧭 NAVIGACE

Desktop:
[DOPLŇ]

Mobil:
[hamburger menu]

Navigace musí být jednoduchá a přehledná.

Aktivní stránka musí být vizuálně odlišena.

🔘 CTA

Hlavní CTA:
[DOPLŇ]

Sekundární CTA:
[DOPLŇ]

Hlavní CTA musí být výrazné, ale nesmí působit agresivně.

Každé CTA musí mít jasně definovanou funkci.

📩 FORMULÁŘ

Kontaktní formulář obsahuje:

jméno
e-mail
telefon
předmět
zprávu
souhlas

Povinná pole:
[DOPLŇ]

Po úspěšném odeslání:
[DOPLŇ]

Při chybě:
[DOPLŇ]

📞 KONTAKT

Telefon:
[DOPLŇ]

E-mail:
[DOPLŇ]

Adresa:
[DOPLŇ]

Otevírací doba:
[DOPLŇ]

Sociální sítě:
[DOPLŇ]

🔍 SEO

Navrhni SEO strategii webu.

Urči:

hlavní téma
hlavní klíčová slova
sekundární klíčová slova
search intent
SEO title pro každou stránku
meta description
H1
doporučené H2
URL slug
interní odkazy
ALT texty
Open Graph metadata
vhodná strukturovaná data

SEO musí být přirozené a zaměřené na uživatele.

📊 ANALYTIKA

Připrav prostor pro:

Google Analytics
Google Tag Manager
měření odeslání formuláře
kliknutí na telefon
kliknutí na e-mail
kliknutí na hlavní CTA

⚡ VÝKON

Optimalizuj:

obrázky
CSS
JavaScript
fonty
načítání komponent

Nepoužívej knihovny, které nejsou potřeba.

♿ PŘÍSTUPNOST

Dodrž základní principy přístupnosti:

sémantické HTML
správné labely
klávesová navigace
focus stavy
dostatečný kontrast
smysluplné ALT texty
přístupné formuláře

⚙️ TECHNOLOGIE

Použij:

HTML5
CSS3
JavaScript

[případně WordPress / PHP / React / jinou technologii]

Nepoužívej zbytečné závislosti.

📁 STRUKTURA SOUBORŮ

Připrav projekt například takto:

/index.html
/css/style.css
/js/script.js
/images/
/pages/
/assets/

Pokud doporučuješ jinou strukturu, vysvětli proč.

🧪 TESTOVÁNÍ

Po vytvoření proveď kompletní audit.

Zkontroluj:

HTML
CSS
JavaScript
odkazy
tlačítka
formuláře
navigaci
responzivitu
mobil
desktop
SEO
přístupnost
výkon
obrázky
ALT texty
metadata
strukturovaná data
UX

Každý nalezený problém oprav.

🚨 DŮLEŽITÉ PRAVIDLO

Nevymýšlej si skutečné kontaktní údaje, reference, ceny, certifikace, hodnocení zákazníků ani jiné faktické informace, které jsem ti neposkytl.

Pokud něco chybí, použij placeholder a jasně ho označ.

🧠 FINÁLNÍ KONTROLA

Na úplném konci se na web podívej jako:

běžný návštěvník
potenciální zákazník
SEO specialista
UX designer
frontend developer
uživatel mobilního telefonu
uživatel desktopu

Vypiš nalezené problémy.

Potom je oprav.

Nakonec mi zobraz:

FINÁLNÍ CHECKLIST

✅ Design
✅ UX
✅ Mobil
✅ Desktop
✅ SEO
✅ Výkon
✅ Přístupnost
✅ Formuláře
✅ Navigace
✅ Odkazy
✅ Obrázky
✅ Metadata
✅ Structured data
✅ Bezpečnost
✅ Finální kontrola

🏆 BONUS: Řekněte AI také, co nechcete

Pokud chcete přesnější výsledek, nestačí AI říct pouze, co chcete.

Řekněte jí také, co nechcete.

Například:

Web nesmí působit jako šablona z roku 2015.

Nepoužívej:

obří gradienty
přehnané animace
přeplněné sekce
automaticky se pohybující text
zbytečné pop-upy
generické stock fotografie kanceláří
příliš mnoho barev
malé texty
horizontální scrollování na mobilu

Tím výrazně zmenšíte prostor pro vlastní interpretaci AI.

🧠 BONUS: Dejte AI vizuální inspiraci

Pokud máte web, jehož styl se vám líbí, můžete AI zadat například:

Jako vizuální inspiraci použij tyto weby:

[URL 1]
[URL 2]
[URL 3]

Nekopíruj jejich design. Analyzuj pouze typografii, strukturu, práci s prostorem, navigaci, UX a způsob prezentace služeb.

Výsledný design musí být originální.

🚀 BONUS: Nechte AI navrhnout lepší řešení

Velmi užitečná věta:

Pokud během návrhu zjistíš, že moje zadání může být z hlediska UX, SEO nebo konverzí vylepšeno, upozorni mě na to a navrhni konkrétní alternativu. Nic zásadního však neměň bez vysvětlení.

Tím AI nedáváte pouze roli „vykonavatele“.

Dáváte jí prostor fungovat jako spolupracující designer a vývojář.

🏁 Nejdůležitější princip

Dobré zadání pro AI není:

❌ „Vytvoř mi pěkný web.“

Dobré zadání je:

✅ „Toto je firma. Toto jsou její služby. Toto jsou její zákazníci. Toto je hlavní cíl. Takhle má web působit. Toto má obsahovat. Toto naopak nechci. Tady jsou barvy. Tady jsou kontakty. Tady je struktura. Tady jsou požadavky na mobil. Tady jsou SEO požadavky. Tady je technologie. A po dokončení celý web zkontroluj a oprav.“

📌 Rychlý tahák: 15 věcí, které AI potřebuje vědět

Když nechcete používat celý MASTER PROMPT, zapamatujte si alespoň těchto 15 bodů:

🏢 Kdo jste?
🎯 Co nabízíte?
👥 Komu nabízíte?
💡 Jaký problém řešíte?
🎯 Jaký je hlavní cíl webu?
🗺️ Jaké stránky potřebujete?
🎨 Jak má web vypadat?
🚫 Jak vypadat nemá?
📱 Jak má fungovat na mobilu?
🖼️ Jaké obrázky potřebujete?
📩 Jaké formuláře a funkce potřebujete?
🔍 Na jaká témata chcete být vidět ve vyhledávání?
⚙️ V čem má být web vytvořen?
🧪 Jak má AI web otestovat?
🔄 Jaké opravy má po kontrole provést?

💬 A úplně nejlepší rada?

Nesnažte se AI popsat pouze výsledek. Popište jí celý proces, který má k výsledku vést.

Místo:

„Vytvoř mi web.“

jí dejte jasný plán:

NÁPAD → BRIEF → STRUKTURA → UX → DESIGN → OBSAH → SEO → KÓD → TEST → OPRAVY → FINÁLNÍ WEB

A právě tento postup můžete použít prakticky pro:

firemní web
portfolio
e-shop
landing page
blog
komunitní web
webovou aplikaci

Výsledkem pak nemusí být jen web, který AI „nějak vyplivne“, ale projekt, který se mnohem více blíží skutečné profesionální zakázce.