Deset promptů, se kterými z nápadu vznikne web

Nápad z newsletteru a vydražená doména jsou start. Návod popisuje, kudy jít. Tohle je to, co při tom mám otevřené ve vedlejším okně: deset promptů, které si zkopíruješ, doplníš do závorek svoje a pošleš dál. Nic geniálního – jen věty, které jsem se naučil psát po tom, co mi stejný víkend párkrát utekl mezi prsty.

Jak je používat

• Co je v [hranatých závorkách], přepiš na svoje. Když to tam necháš, model si dosadí něco vlastního a bude si za tím stát.
• Jeden prompt = jeden krok. Slepit tři dohromady je nejrychlejší způsob, jak dostat tři poloviční výsledky.
• Mezi kroky si ukládej verzi (commit). Vrátit se k poslednímu funkčnímu stavu trvá vteřinu, debugovat zamotaný projekt hodinu.
• Psané pro nástroj, který vidí tvoje soubory (Claude Code, Cursor, Codex). V obyčejném chatu fungují taky, jen si kód přenášíš ručně.

Než sáhneš na kód

Nejdražší hodiny víkendu jsou ty, ve kterých stavíš něco, co si pak rozmyslíš. Tyhle dva prompty tě donutí říct nahlas, co vlastně děláš – a co dělat nebudeš.

Zadání na jednu obrazovku

Máš nápad v hlavě a doménu. Nemáš nic napsaného.

Pomoz mi udělat zadání na víkendový web.
Doména: [drevenepodlahy.cz]
Nápad, jak ho mám v hlavě: [tři věty vlastními slovy]

Ptej se mě po jedné otázce, dokud nebudeš mít jasno v těchhle bodech:
pro koho to je, jaký jeho problém to řeší, jednu hlavní věc, kterou web umí,
odkud se berou data, kolik má stránek a co znamená „hotovo“.

Až to budeš mít, vrať zadání v odrážkách na jednu obrazovku. Žádný kód.

Ta věta o jedné otázce je podstatná – jinak dostaneš esej o tom, co sis myslel, a ne otázky, na které jsi nepomyslel.

Ořež to na dva dny

Zadání máš a už se ti do něj připletly tři funkce navíc.

Tohle je moje zadání: [vlož zadání]
Mám na to dva dny a stavím to sám.

Rozděl všechny funkce do tří sloupců:
TEĎ (bez toho nemá smysl to pustit ven),
PŘÍŠTĚ (dá se dodělat za týden, web mezitím běží),
NIKDY (znělo to dobře, ale je to past).

U každé položky ve sloupci TEĎ odhadni hodiny. Když se součet nevejde
do dvanácti, přesuň něco do PŘÍŠTĚ a napiš mi, proč zrovna to.

Dvanáct hodin, ne šestnáct. Zbytek víkendu spolkne nasazení, texty a věci, co nikdo nenaplánuje.

První verze, která se spustí

Cílem soboty není hezký web, ale ošklivý web, který běží. Od té chvíle máš co ladit – a když se něco rozsype, víš, k čemu se vrátit.

Kostra, co jde spustit jedním příkazem

Začínáš v prázdné složce.

Postav první verzi podle tohohle zadání: [vlož zadání]

Pravidla:
- [Next.js], jeden repozitář, žádná databáze, data v souboru přímo v projektu.
- Žádné přihlašování, žádná administrace, žádné odesílání e-mailů.
- Vzhled zatím neřeš. Chci funkční ošklivou verzi.
- Nic neinstaluj navíc, pokud mi neřekneš proč.

Až budeš hotový, napiš mi přesné příkazy, kterými to rozjedu u sebe,
a co mám vidět v prohlížeči, když to funguje.

Ten seznam „žádné…“ vypadá zbytečně, dokud ho jednou nevynecháš a nedostaneš k víkendovému webu přihlašovací obrazovku a uživatelské role.

Moje data, ne vymyšlená

Máš seznam, tabulku nebo CSV, kolem kterých ten web je.

Tady jsou moje data: [vlož tabulku, seznam nebo cestu k CSV]

Ulož je do projektu jako jeden datový soubor, napiš k nim typy
a jednu funkci, přes kterou je bude číst zbytek webu.

Nic si nedomýšlej: když údaj chybí, nech ho prázdný a na konci mi napiš
seznam, co doplnit. Nevymýšlej ukázkové záznamy ani lorem ipsum.

Vymyšlená data se pozná těžko a vydrží dlouho. Párkrát jsem je našel na webu, který už měsíc běžel.

Jedna funkce navíc

Běží ti to a chceš přidat další kousek.

Přidej [filtr podle kraje] na stránce [/seznam].

Nejdřív mi napiš, co chceš změnit a ve kterých souborech, a počkej na moje „jo“.
Sahej jen na to, co je k tomu potřeba, zbytek nech být.
Až to doděláš, napiš, jak si ověřím, že to opravdu funguje.

To čekání na „jo“ je brzda, která se vyplatí. Ušetří ti přepisování souborů, o kterých jsi ani nevěděl, že se změnily.

Vzhled a texty

Tohle je část, podle které lidi poznají, jestli za webem někdo je. Generický vzhled a generický text jsou dvě věci, které tvůj projekt shodí do jednoho pytle se stovkou dalších.

Vzhled, co nevypadá jako šablona

Funkce hotové, teď to má začít vypadat.

Teď vzhled. Web má působit [věcně a trochu drsně, jako poznámky řemeslníka].

Drž se: jedna hlavní barva [#FFC61A], jedno písmo, hodně prázdného místa,
mobil na prvním místě.

Nechci: přechody přes celou obrazovku, ikonku u každého nadpisu, emoji,
tři karty vedle sebe s hesly typu „rychlé, chytré, jednoduché“,
fotky z fotobanky, animace při scrollování.

Měň jen styly. Obsah a funkce nech tak, jak jsou.

Texty, co nezní jako z AI

Máš vlastní syrový text a chceš ho učesat.

Tady je můj syrový text ke stránce [/o-projektu]: [vlož text]

Učeš ho: kratší věty, vyhoď opakování, oprav překlepy a shodu.
Zachovej moje formulace a můj tón.

Nepřidávej nové informace. Žádné superlativy, žádné „v dnešní uspěchané době“,
žádné otázky v nadpisech. Když narazíš na tvrzení, které si z mého textu
nemůžeš ověřit, označ ho a nepřepisuj.

Pořadí je schválně takhle: nejdřív napiš svoje, pak nech učesat. Obráceně z toho vyleze text, který mohl napsat kdokoli o čemkoli.

Ven se světem

Web na localhostu umře v pondělí. Poslední neděle patří tomu, aby to běželo na doméně a aby o tom věděl aspoň vyhledávač.

Nasazení a doména krok za krokem

Vyhrál jsi aukci a teď to má někde běžet.

Chci to nasadit na [Vercel] a pověsit na doménu [mojedomena.cz],
kterou mám u registrátora [WEDOS].

Napiš mi postup krok za krokem, jako bych to dělal poprvé: co kliknu,
co zkopíruju, jaké DNS záznamy nastavím a jak dlouho se čeká.
Zvlášť napiš, jak přesměruju www na verzi bez www.

Ptej se jen na věci, které nemůžeš vědět z projektu.

Nasazení odbyj hned první den, ne poslední. Většina problémů s doménou a DNS se stejně projeví až za pár hodin.

Ať to někdo najde

Web běží na doméně. Zbývá hodina.

Projdi projekt a přichystej ho pro vyhledávače:
- každá stránka vlastní titulek a popisek, ne jedna šablona se stejným textem,
- sitemap.xml a robots.txt s odkazem na sitemapu,
- náhledový obrázek pro sdílení na sítích,
- kanonická adresa na každé stránce.

Na konci mi napiš seznam stránek, které mají míň než dvě stě slov vlastního
obsahu. Ty si dopíšu sám.

Ten poslední odstavec je důležitější než celý zbytek promptu: tenký obsah nespraví žádná technická vychytávka.

Když se to zasekne

Stane se to každému projektu kolem nedělního oběda. Rozdíl je jen v tom, jestli z toho vylezeš za deset minut, nebo za tři hodiny.

Restart místo dalšího „ne, oprav to“

Třetí pokus o opravu to zhoršil.

Něco nefunguje a tři pokusy o opravu to zhoršily. Začínáme znovu.

Co dělám: [kliknu na tlačítko Uložit]
Co čekám: [záznam se přidá do seznamu]
Co se děje: [stránka zbělá, v konzoli je tahle chyba: …]
Co jsem už zkusil: [seznam]

Nic zatím needituj. Napiš mi tři možné příčiny od nejpravděpodobnější
a u každé, jak ji za minutu ověřím. Až ti řeknu, která to je, opravíš jenom ji.

Každé další „ne, pořád to nejde“ jen přisype vrstvu. Popsat problém znovu a celý je rychlejší než se hádat.

Tři věci, které žádný prompt nespraví

Nápad. Prompt umí rozepsat, co mu řekneš – ale to, jestli má smysl to stavět, zůstává na tobě.
Data. Bez tvého seznamu, tabulky nebo znalosti oboru vznikne hezký prázdný web.
Rozhodnutí. Co pustit ven a co škrtnout, nerozhodne model. Ten ti rád postaví obojí.

Kdybys měl z celé stránky použít jedinou věc, ať je to ta první: napsat zadání dřív, než napíšeš první prompt o kódu. Všechno ostatní je jen úklid kolem.

Prompty máš. Chybí nápad?

Posílám je zdarma: ke každé zajímavé doméně, co jde do aukce, jeden konkrétní nápad. Maximálně jeden e-mail denně, odhlásíš se jedním klikem.

Maximálně jeden e-mail denně, žádný spam, odhlásíš se jedním klikem.