Jak dnes přemýšlím o vibe codingu
Ještě před rokem bych si podobné weby nebo nástroje neuměl postavit. Dnes mi AI umožňuje převést nápad do reality během jednoho večera nebo víkendu.
Dokážu samostatně navrhnout a postavit funkční digitální produkty — od první myšlenky až po nasazení.
Co mi AI reálně změnila
DŘÍV
Nápad → zadání → čekání na webaře, grafika nebo IT → týdny práce
Dnes
Nápad → Claude Code → první funkční verze rychle.
Dnes si dokážu sám vytvořit landing page, HTML šablonu pro newsletter nebo nástroj pro klienty. Protože se změnily nástroje a já vím, co chci postavit.
Jak vznikal tento web
Záměr a kontext
Chtěl jsem nový osobní web. Moderní CV, které ukáže, co dělám a jak přemýšlím. Ne prodejní stránku, ale vizitku. Založil jsem projekt v Claude Code a dal mu co největší kontext — svoji představu, odkazy, podklady.
Zadání přes vlastní skill
Zadání pro stavbu připravil můj skill web-project-md. Z něj vznikla sada souborů, podle kterých se web staví: CLAUDE.md, BRIEF.md, CONTENT.md, DESIGN.md a ANALYTICS.md.
Zpětná vazba a úpravy
Soubory jsem poslal do ChatGPT pro zpětnou vazbu. Prošli jsme cílovku, tón a strukturu. Část připomínek jsem zapracoval, část vědomě odmítl — padaly rady posunout web k prodejnímu tónu nebo přidat tvrdá čísla, což by tomuhle webu neslušelo. Účel rozhoduje, ne každá rada.
Stavba a ladění
Pak web postavil Claude Code. Běží na Next.js, přes GitHub a Vercel. Každou změnu vidím online do minuty. U designu jsem posílal screenshoty webů, které se mi líbí. Projekty jsem přidával postupně podle stejné šablony. Web není hotová věc — vylepšuju ho průběžně, kousek po kousku.
Nástroje, které používám
Každý nástroj je na něco jiného. Žádný univerzální neexistuje.
Claude — hlavní nástroj. Většinu práce netrávím psaním kódu, ale přemýšlením. S Claude ladím nápady, připravuju zadání a rozhoduju, jak se věci postaví.
Claude Code — tady z hotového zadání vzniká samotný web. Stavba, kód, nasazení.
ChatGPT, Gemini — hlavně na zpětnou vazbu. Když potřebuju jiný úhel pohledu nebo si ověřit nápad, zeptám se víc modelů a porovnám.
Next.js, HTML/CSS/JS — na čem weby běží.
GitHub, Vercel — verzování kódu a hosting. Každou změnu vidím online do minuty.
Airtable, Supabase, PostHog — data a měření, podle projektu.
Gamma, Tally — ostatní. Gamma na prezentace a rychlé weby bez kódu, Tally na formuláře a dotazníky.
Zajímavější než seznam je ale způsob práce. Většinu času netrávím psaním kódu, ale přípravou. Čím lepší kontext zadám, tím lepší výsledek vznikne.
Další projekty
Většina mých projektů vznikla z konkrétní potřeby. Něco pro školy a klienty z 24U, něco jen proto, že jsem si chtěl práci zjednodušit nebo vyzkoušet nový nápad.
Konfigurátor iPad učeben napojený na Airtable. TCO kalkulačka, která školám spočítá náklady na techniku. Landing page pro MacBook Neo. Interaktivní prezentace místo PowerPointu. Nástroj, který každý den sám shrnuje videa o AI.
Každý projekt má vlastní stránku s tím, k čemu slouží, jak vznikl a co mě naučil.
Proč mě to baví
Na vibe codingu mě nejvíc baví rychlost a samostatnost. Když dnes dostanu nápad, nemusí skončit v poznámkách nebo čekat několik měsíců na realizaci. Spoustu věcí si dokážu postavit a vyzkoušet sám.
A možná ještě důležitější je, že mě to znovu baví tvořit.
Spolupráce
Pokud vás AI, vibe coding nebo podobné projekty taky zajímají, klidně napište.