Den 1: UI first a vizuální blueprint

Než agent napíše jediný řádek kódu backendu, musí vědět, jak má výsledek vypadat. Proto jsme začali od UI — a bylo to správné rozhodnutí.

Proč UI first?

Klasický přístup začíná od databáze nebo API. Definujete schéma, napíšete service vrstvu, a UI přijde na konci. AI agenti tento postup přebírají — a dělají tím chybu.

Problém je v tom, že bez vizuálního kontextu agent optimalizuje špatnou věc. Napíše technicky správné řešení, které ale neodpovídá tomu, co uživatel potřebuje vidět. Iterace jsou pak drahé — a v agentním světě drahé znamená doslova drahé.

Proto den 1 patřil UI. Wireframe, rozvržení stránek, klíčové komponenty. Agent dostal jako vstup popis funkcionality v přirozeném jazyce a jeho úkolem bylo navrhnout vizuální blueprint — co bude kde, jak bude navigace fungovat, jaké bude datové schéma z pohledu zobrazení.

Agentní AI vs. generativní AI: kde je rozdíl

Generativní AI odpovídá na dotazy. Dáte jí prompt, dostanete odpověď. Každá konverzace je izolovaná — AI neví, co jste si povídali minulý týden, nemá přístup k vašemu kódu, nemůže spustit terminálový příkaz.

Agentní AI pracuje jinak. Dostane cíl a nástroje. Může číst soubory, zapisovat kód, spouštět příkazy, volat API. Plánuje sekvenci kroků, provádí je a reaguje na výsledky. Není to konverzace — je to proces.

Generativní AI

  • Odpovídá na jednotlivé dotazy
  • Bez přístupu k nástrojům
  • Každá konverzace od nuly
  • Výstup: text nebo kód ke zkopírování

Agentní AI

  • Plánuje a provádí sekvence kroků
  • Volá nástroje (git, terminál, API)
  • Drží kontext napříč kroky
  • Výstup: funkční kód v repozitáři

MCP: jak agent mluví s nástroji

Model Context Protocol (MCP) je otevřený standard, který definuje, jak AI model komunikuje s externími nástroji a datovými zdroji. Místo toho, aby každý nástroj implementoval vlastní API pro každý model zvlášť, MCP poskytuje jednotné rozhraní.

Prakticky to znamená: agent může zavolat MCP server pro git a commitnout změny, pak zavolat MCP server pro databázi a zkontrolovat schéma, pak zavolat MCP server pro testování. Vše přes stejný protokol, vše v rámci jednoho pracovního cyklu.

Pro den 1 byl klíčový MCP server pro souborový systém — agent četl existující kód a zapisoval nové komponenty přímo do projektu.

Co vzniklo první den

Do večera měl agent hotový vizuální blueprint: seznam stránek s popsaným rozvržením, datové typy potřebné pro zobrazení a hrubý plán komponent. Ne funkční kód — záměrně ne. Den 1 byl o pochopení, ne o implementaci.

Tohle byl moment, kdy jsem si uvědomil, že agentní přístup je jiný i v procesu. Agent nespěchá na kód. Pokud dostane správný kontext, nejdřív plánuje.

Chcete vidět, jak jdou automatizovat firemní procesy? Domluvte si konzultaci — naše řešení začíná tam, kde vibe-coding končí.


V dalším díle

Den 2 přinese orchestrátor, první skutečný kód a klíčové zjištění o rozložení práce mezi AI a člověkem.