Modul 05 · Tvůj první vibe-coded web

Od nápadu k zadání

Půl hodiny přemýšlení, které ušetří tři hodiny přepisování. Konkrétní postup, ne obecné rady.

14 minlekce 28/107

Po lekci umíš

  • Máš napsané zadání, ze kterého se dá stavět
  • Víš, jaké stránky a sekce web bude mít
  • Máš připravené texty nebo aspoň jejich osnovu
Obsah lekce (5)

Než pustíme Clauda ke klávesnici, potřebujeme vědět, co má vzniknout. Tahle lekce je jediná v modulu, kde nebudeš psát do terminálu.

Vyber si, co stavíš

Zvol jednu z variant. Všechny fungují a všechny se dají dokončit.

  1. Osobní web

    Kdo jsi, co děláš, jak tě zastihnout. Nejjednodušší varianta a nejlépe se ukazuje.

  2. Web produktu nebo služby

    Co nabízíš, komu, za kolik, jak si to objednat. Nejužitečnější, když něco děláš.

  3. Web akce nebo projektu

    Kdy, kde, o co jde, jak se přihlásit. Má jasný obsah, což usnadňuje rozhodování.

Nevybírej si e-shop ani nic s přihlášením. Na to dojde v modulu 11 a teď by ti to jen zkomplikovalo cestu k hotovému výsledku.

Odpověz na tři otázky

Ty samé jako v modulu 0. Napiš odpovědi celými větami do souboru nebo poznámek.

  1. Kdo na ten web přijde a odkud

    „Lidé, kterým pošlu odkaz v e-mailu, když se ptají, co dělám.“ „Lidi z Instagramu, kteří viděli moji práci a chtějí vědět, kolik to stojí.“

  2. Co mají udělat

    Jedna hlavní akce. Napsat mi. Objednat se. Přihlásit se. Stáhnout si něco. Jedna – ne pět.

  3. Co potřebují vědět, než to udělají

    Tohle je celý obsah webu. Když víš, co člověk potřebuje vědět, než napíše, víš, co na webu musí být.

Struktura stránky

Většina jednoduchých webů má stejnou kostru. Není to nedostatek fantazie, je to zvyk, na který jsou lidé zvyklí:

  1. Úvod

    kdo jsi a co nabízíš, jednou větou

  2. Detail

    co přesně děláš, ukázky

  3. Důvěra

    proč zrovna ty, zkušenost

  4. Akce

    kontakt nebo objednání

Můžeš to udělat jinak. Ale když nevíš, začni tímhle a odchyluj se vědomě.

Napiš texty předem

Tohle je rada, kterou většina lidí přeskočí a pak toho lituje.

Když necháš Clauda vymyslet texty, dostaneš text, který zní jako marketing z generátoru. Není to jeho chyba – nemá o tobě informace.

Napiš si aspoň hrubou verzi sám. Klidně v bodech, klidně blbě. Claude z toho udělá dobrý text. Z ničeho udělá jen obecné fráze.

Prompt pro Claude (chat)

Vylepši moje texty

Použij dřív, než začneš stavět web. Ušetří ti to kolo iterací na obsahu.

Píšu texty na svůj web. Tady je, co jsem napsal já – syrově a v bodech:

---
[TVOJE POZNÁMKY]
---

Web je pro: [KDO NA NĚJ PŘIJDE]
Chci, aby udělali: [HLAVNÍ AKCE]

Uprav to do textů na web. Zachovej moje formulace a můj tón – nechci,
aby to znělo jako reklama. Kde mi něco chybí, napiš mi otázku místo
toho, abys to vymyslel.

Ta poslední věta je zásadní. Bez ní si Claude doplní údaje, které o tobě netuší.

Zadání, se kterým půjdeš do Claude Code

Ulož si výsledek do souboru zadani.md ve složce projektu. Za chvíli ho použijeme.

zadani.md
# Web: [název]

## Pro koho
[Kdo přijde a odkud]

## Hlavní akce
[Co mají udělat]

## Struktura
1. Úvod – [co tam bude]
2. [Sekce] – [co tam bude]
3. [Sekce] – [co tam bude]
4. Kontakt – [jak]

## Texty
[Hotové texty ze cvičení výše]

## Vzhled
[Tři přídavná jména + odkazy na weby, které se ti líbí]

## Co tam NEMÁ být
[Ceník? Blog? Přihlášení? Napiš, co vynecháváš]

Sekce Co tam NEMÁ být je nedoceněná. Zabrání tomu, aby ti Claude „pro jistotu“ přidal blog a ceník, které jsi nechtěl.

Cvičení30 minut

Napiš celý soubor zadani.md. Vážně celý, včetně textů.

Až budeš hotový, pusť na něj prompt „Zkritizuj moje zadání“ z modulu 2. Odpověď na otázku „jaký nejhorší výsledek by z tohohle mohl vzniknout“ ti ukáže, co ještě dopsat.

Milník projektu

Máš soubor zadani.md ve složce projektu, obsahuje strukturu, hotové texty a popis vzhledu. Od téhle chvíle je stavba webu otázka jednoho odpoledne.

Co si odnést

  • Vyber si osobní web, web produktu nebo web akce. Ne e-shop.
  • Jedna hlavní akce, ne pět.
  • Texty napiš aspoň v bodech sám – jinak dostaneš marketingové fráze.
  • Do zadání patří i to, co na webu být nemá.

Máš to za sebou?

Označ lekci jako hotovou, ať víš, kde jsi skončil. Nic se tím neuzamkne.

Obsah aktualizován: 21. srpna 2026