Poslední aktualizace: 14. července 2025 11 min. čtení

Vibe coding očima front‑end developera: Co mi AI fakt ulehčuje?

Jak se kóduje po boku AI? Náš front‑end developer Kuba sdílí svoje reálné workflow a postřehy z praxe. Otevřeně popisuje, kde mu vibe coding šetří čas a kdy je lepší se spolehnout sám na sebe. Ať už s AI začínáš, nebo ji používáš denně, možná tu najdeš pár užitečných tipů. 

Aneb: Můj osobní průvodce světem, kde Tony Stark už není science fiction 

Growing up is realising Tony was a Vibe Coder 

Pamatuješ si scénu z Iron Mana, kde Tony Stark gestikuluje před holografickými obrazovkami a jakoby z ničeho nic sestavuje pokročilé technologie? Dnes už vím, že Tony nebyl pouhý génius – byl dokonce i první vibe coder v historii. A já? Já jsem se k němu hrdě připojil. 😎 

Vibe coding není jen o tom napsat kód. Je to o souznění s umělou inteligencí, kde jeden vede a druhý následuje. A tyhle role se neustále střídají.  

Je to o tom najít flow, kde myšlenky tečou z hlavy přímo do editoru prostřednictvím AI asistenta, který rozumí nejen tomu, co chceme napsat, ale často i tomu, co jsme zapomněli promyslet. 

💡 Chceš se o vibe codingu dozvědět víc? Přečti si článek, kde jsme zmapovali jeho historii, kdy se vyplatí a kdy naopak naráží na limity. 

🔧 Moje AI rutina: Od kávy po commit 

AI používám už na denní bázi, a to nejen při programování. Namátkou třeba: 

V práci je AI nedílnou součástí mého workflow. Částečně běží jako kopilot v pozadí a zkouší napovídat kusy kódů, z druhého pohledu mám možnost zadat prompt a na něco se doptat nebo si nechat vygenerovat celé komponenty. 

Typické AI use cases, kde vím, že „tady AI fakt pomůže“ 

🛠️ Můj AI arzenál 

ChatGPT – univerzální asistent 

ChatGPT považuju za všestranného asistenta, kterého se můžu kdykoli na cokoli zeptat nebo ho poprosit o jakoukoli jednoduchou činnost. Je to jako mít kolegu, který nikdy nespí a nikdy se nezlobí na hloupé otázky. 

🧑‍💻 Studenti ENGETO kurzů mají k dispozici kontextového AI mentora – chytrého pomocníka, který poradí klidně i o půlnoci. Zjisti, jak funguje a co všechno umí! 😍 

Cursor + Claude = dream team 

Cursor vnímám jako nadstavbu VS Code, se kterým jsem už předtím měl velkou zkušenost, jen teď tam přibyla AI. V placené verzi používám primárně integrovaný Claude od Anthropic, a bez této kombinace si už jen těžko dokážu představit front‑end vývoj. 🚀 

N8N – budoucnost automatizace 

Super nástroj pro automatizaci, ale aktuálně se s ním spíše seznamuji a hledám use cases, které by se daly automatizovat. Vypadá to, že nejdřív budu muset najít víc opakujících se úkolů v životě.  

🛠️ Každopádně N8N u nás ve firmě není novinka a aktivně ho implementujeme do praxe v rámci jiného týmu. 

🧠 Co AI zvládá a kde ji pošlu k čertu 

Co AI dělá skvěle: 

Kde AI obvykle selhává: 

TIP: Přečti si, v jakých sférách nachází umělá inteligence uplatnění. 

🔍 Umění promptování: Jak mluvit s AI, aby tě poslouchala 

Můj nejoblíbenější trik 

V poslední době mě hodně zaujalo začínat prompty větou „Řekni mi nejhlubší pravdu o …“ a další prompty doplňovat, ať jde AI ještě hlouběji. Někdy je až úžasné, jak moc zajímavé odpovědi dostanete, když AI „dovolíš“ pracovat na filozofické úrovni. 

Role-playing funguje 

Další zajímavou zkušeností je, když chatu řekneš, aby se vžil do nějaké role. Například: „Vžij se do role vysokoškolského učitele na fakultě informatiky a podej mi kritický report na tuto práci.“ 

Poskytni AI co nejvíce do kontextu a prostředí. Například pokud chci něco do školy, nebojím se napsat: „Představ si, že jsi vysokoškolský student/učitel toho oboru…“ 

A neboj se ptát „Proč?“ desetkrát za sebou. AI model se neurazí, naopak často sám vybízí k dalším otázkám. 

Pravidlo tří 

Tohle memečko perfektně vystihuje realitu práce s AI. Někdy prostě musíte přijmout fakt, že AI také má své limity. Mám pravidlo: když AI ani na potřetí nevrátí správný výsledek, je jednoduší si to udělat sám. 

🧭 Jak si udržet kontrolu nad AI chaosom 

Klíčem je fungovat metodou „human in the loop“, kde lidský úsudek je ten správný. I když nechám AI udělat nějaký větší celek, pak zkontroluju nejen jestli funguje, ale i jestli je dobře napsaný. 

Pro juniory vs. seniory 

Junioři v IT: AI je super vstupenka do světa IT, ale používej ji pouze jako našeptávač, ne jako source of truth. Jinak skončíš s codebase, kterému nerozumíš. A to je dlouhodobě neudržitelné. 

Senioři v IT: AI funguje skvěle jako pair programming partner – AI píše kód, ty ho kontroluješ a navrhuješ zlepšení. 

🧬 Jak AI změnila můj život vývojáře 

Určitě cítím zrychlení vývoje – dovolil bych si tvrdit, že za stejný čas vyprodukuji dvakrát tolik než bez AI. Různé psaní komponent, opravy, hledání chyb na Stack Overflow se díky AI urychlily a mně tak zůstává čas i na jiné aktivity než jen programování a ladění kódu. 

Ale pozor – stále je potřeba rozumět strukturám v kódu a vědět, která komponenta komunikuje s kterou. AI je zatím pouze nástroj ulehčující a zrychlující práci. 

🤔 Zajímá tě, co všechno na sebe práskli vývojáři v rámci každoročního výzkumu? Mrkni na článek, kde jsme vypíchli to nejdůležitější – práci s AI, oblíbené nástroje, technologie, vzdělávání, platy nebo spokojenost v práci. 

Když se vibe coding zvrtne 

A tady se dostáváme k realitě, kterou každý vibe coder zná. Někdy to prostě nevyjde podle plánu a místo elegantního kódu máš před sebou spaghetti code, který by i Italové zavrhli. 

🏫 AI na vysoké škole: Jak jsem se učil s budoucností 

Aktuálně dokončuji magisterské studium na FIT VUT v Brně. 🎓 AI boom mě zastihl hlavně během magistra – takže jsem neměl to štěstí (nebo smůlu?) být u toho od úplných začátků, ale o to intenzivněji jsem ho zažil. 

AI bylo skvělým společníkem při psaní diplomové práce – pomohlo mi s formulací textu, formulací zdrojů i psaním kódu praktické části. Druhý use case? Příprava na zkoušky. Na začátku si nastavím formát a úroveň odpovědí a pak už jen posílám otázky jednu za druhou. 

Realita na VŠ 

Školy se k AI postavily, řekněme… spíš defenzivně. Místo přijetí nové reality jen zkomplikovaly zadání. Studenti si ale pořád umí poradit – a AI využít i tak. Výsledkem je, že nejvíc to odnesou ti, kteří se snaží dělat věci poctivě. 

🔮 Budoucnost: Kam vibe coding směřuje 

Hodně záleží na tom, kam se posune kvalita velkých jazykových modelů (LLM). Je pravděpodobné, že specializované modely pro vývoj kódu budou časem vracet stále lepší výsledky.  

Zároveň ale roste obava z tzv. „trash code“ efektu – tedy situace, kdy se k trénování používá nekvalitní kód, což může samotné modely časem degradovat.  

Můj experiment s AI agenty 

Aktuálně pracuji na prototypu informačního systému postaveného na AI agentech. Uživatel by v něm měl k dispozici jen chat, přes který by ovládal celý systém a který by mu dokázal spravovat data v databázi a vizuálně je zobrazovat. Je to můj pokus ukázat, jak by mohla vypadat budoucnost uživatelských rozhraní. 

Závěr: Vibe coding is here to stay 

AI v programování není jen trend – je to evoluce. Neznamená to, že se programátoři stanou zbytečnými, ale že se jejich role změní. Místo psaní repetitivního kódu se můžeme zaměřit na kreativní řešení problémů, architekturu a komunikaci s AI partnery. 

🤖💬 Má v době AI pořád smysl se učit kódovat? Přečti si komplexní článek podložený aktuálními studiemi. Zjistíš, jak AI využívají firmy i jednotlivci a co to znamená pro tvoji IT kariéru. 

Vibe coding je umění najít rovnováhu mezi lidskou kreativitou a AI efektivitou. Je to o tom naučit se s technologií tančit, ne s ní bojovat. 

 A pamatuj: I Tony Stark občas musel debugovat Jarvis. 😎 

Tento článek pro tebe sepsal náš kolega Kuba a vznikl ve spolupráci s AI – protože proč by vibe coder psal článek o vibe codingu bez AI? 

Amálie Kučerová

Amálie Kučerová

Ami je součástí marketingového týmu ENGETA a stojí za částí našich aktivit v online i offline světě. Narazíš na ni třeba na Instagramu, v blogových článcích nebo newsletterech.

Přidej se k 17 000+ odběratelům

Tvůj e-mail za zprávu o termínech, pracovních nabídkách nebo novinkách v ENGETU.