Prototyp namiesto zadania: ukážte, čo chcete, skôr ako to opíšete

Chcete nový web, rezervačný formulár alebo malú aplikáciu pre firmu. Prvý krok býva rovnaký: sadnete si a píšete zadanie. Tri strany textu, ktorý si každý predstaví inak. Ukážeme vám kratšiu cestu: najprv si s Claudom postavíte klikací prototyp a až potom ho ukážete dodávateľovi.

Prečo zadanie často nefunguje

Zadanie (dokument, v ktorom opíšete, čo má hotová vec robiť) má jednu veľkú slabinu. Slová znesú všetko. „Jednoduchý formulár na objednávky“ si vy predstavíte ako tri políčka, programátor ako dvanásť a grafička ako niečo úplne iné. Rozdiel zistíte až pri prvej verzii, keď už sú za ňou hodiny práce a často aj faktúra.

Na niečo, čo máme pred očami, reagujeme oveľa ľahšie. Nikto nevie dopredu presne povedať, čo chce. Keď však klikne na tlačidlo a nič sa nestane, hneď vie, čo mu chýba.

Podľa článku na Vibe Coder takto pracuje aj tím okolo Claude Code (nástroja na programovanie s Claudom) v Anthropicu. Cat Wu, ktorá vedie produkt Claude Code, to opisuje takto: „Keďže prototyp sa dá postaviť za jedno popoludnie, zlé stávky sú lacné.“ Namiesto dlhých dokumentov si v tíme ukazujú fungujúce ukážky. Vy nemusíte meniť celú firmu. Stačí, keď pri ďalšom projekte začnete prototypom.

Čo je prototyp a kde ho postavíte

Prototyp je jednoduchá ukážka, na ktorú sa dá kliknúť. Vyzerá a správa sa približne ako budúci web či aplikácia, ale nie je hotová. Nemá skutočné údaje, platby ani prihlasovanie. Slúži na to, aby ste videli, či je to naozaj to, čo chcete.

V Claude ho postavíte ako artefakt. Artefakt je výsledok, ktorý sa otvorí v okne vedľa rozhovoru: dokument, stránka alebo malá aplikácia, ktorá naozaj funguje. Čo potrebujete vedieť:

• Artefakty sú vo všetkých plánoch, aj v bezplatnom. Treba mať zapnuté Cloud code execution and file creation v Settings → Capabilities.
• Netreba nič programovať. Zmeny robíte tak, že Claudovi napíšete, čo upraviť.
• Hotový artefakt pošlete odkazom: Share, pri Who has access zvolíte Anyone with the link. Kto odkaz dostane, musí byť prihlásený do Claude, stačí aj bezplatný účet.

Podrobne to prejdete v lekcii Artefakty a prieskum.

Postup v štyroch krokoch

1. Opíšte to piatimi vetami, nie tromi stranami. Kto to bude používať, čo tam má urobiť a čo má vidieť na konci. Nič viac.

2. Nechajte Clauda postaviť prvú verziu. Napríklad kaderníčka chce, aby si zákazníčky vybrali službu a voľný termín:

Vytvor mi ako artefakt klikací prototyp rezervácie pre kadernícky
salón. Zákazníčka si vyberie službu (strih, farbenie, fúkaná),
potom deň a voľný čas a nakoniec zadá meno a telefón. Na konci uvidí
zhrnutie rezervácie. Údaje si len vymysli, nič sa nikam neposiela.
Nech je to po slovensky a prehľadné hlavne na mobile.

3. Klikajte a reagujte. Prejdite prototyp očami zákazníčky. Čo vás zaskočí, napíšte Claudovi rovno: „Pri farbení sa spýtaj na dĺžku vlasov“, „Tlačidlo Ďalej je príliš malé“, „Chýba možnosť zrušiť rezerváciu“. Po niekoľkých kolách budete mať jasnejšiu predstavu ako po dlhom písaní. Ukážte ho aj kolegyni alebo jednej stálej zákazníčke a sledujte, kde sa zasekne.

4. Až teraz napíšte zadanie, a to z prototypu. Claude už vie, čo ste spolu postavili, a zadanie z toho pripraví rýchlo:

Z prototypu, ktorý sme spolu postavili, priprav zadanie pre
programátora alebo agentúru. Na jednu až dve strany:
1. Na čo nástroj slúži a kto ho bude používať.
2. Zoznam obrazoviek a čo sa na každej deje.
3. Čo prototyp len predstiera a v ostrej verzii musí naozaj
   fungovať (napr. ukladanie rezervácií, SMS pripomienka).
4. Čo do prvej verzie nepatrí.
5. Otázky, na ktoré musí odpovedať dodávateľ.
Píš jednoducho, bez odborných slov.

Ako to odovzdať dodávateľovi

Programátorovi alebo agentúre pošlite oboje: odkaz na prototyp a zadanie. Prototyp ukáže, ako to má vyzerať a fungovať. Zadanie doplní to, čo na obrazovke nevidno, a povie, čo do prvej verzie nepatrí.

Pri odovzdaní dodržte pár pravidiel:

• Prototyp hovorí „čo“, nie „ako“. Dodávateľ to môže postaviť inou technikou a inak usporiadať. O tom, či bude ostrá verzia bezpečná a spoľahlivá, rozhoduje on, nie ukážka z rozhovoru.
• Žiadne skutočné údaje. Do zdieľaného artefaktu nedávajte mená zákazníkov, telefóny ani nič tajné. Vymyslené údaje na ukážku úplne stačia.
• Pýtajte sa na rozdiely. Požiadajte dodávateľa, nech vám povie, čo z prototypu bude ťažké alebo drahé. Často sa ukáže, že jednu funkciu viete vynechať a ušetriť.
• Keď prototyp už nepotrebujete, zdieľanie vypnite. V Share pri Who has access zvolíte Only you a odkaz prestane fungovať pre ostatných.

Rovnako to funguje aj vo firme. Kolegom z vedenia ukážete prototyp nového formulára na dovolenky na porade a ešte na nej viete, či má zmysel pokračovať.

Keď si to chcete dotiahnuť sami

Niekedy zistíte, že na jednoduchú vec agentúru vôbec nepotrebujete. Kalkulačka na webe alebo interný prehľad sa dajú dotiahnuť aj bez programovania. Ak výsledok chcete zverejniť na webe, hodí sa napríklad v0 od Vercelu, ktorý predstavujeme v lekcii v0 od Vercelu. Celú cestu od nápadu po hotový web nájdete v cieli Postaviť vlastnú stránku alebo aplikáciu.

Ak však ide o platby, osobné údaje zákazníkov alebo prepojenie s účtovníctvom, prenechajte ostrú verziu odborníkovi. Prototyp mu ušetrí veľa otázok a vám zbytočné kolá opráv.

Vyskúšajte si

1. Vyberte jednu vec, ktorú ste chceli zadať dodávateľovi, a opíšte ju piatimi vetami.
2. Pošlite Claudovi prvý prompt z tohto článku, upravený na vašu vec, a urobte aspoň tri kolá úprav.
3. Nechajte si z prototypu pripraviť zadanie druhým promptom a porovnajte ho s tým, čo by ste napísali sami.