"# Začínáme s Vibe codingem
V tomto článku Vám rád ukážu, jak s Vibe codingem začít, jaké nástroje použít a jak je nastavit, aby výsledná aplikace byla kvalitnější. V našem příkladu vytvoříme jednoduchou kalkulačku v příkazové řádce, což bohatě postačí k tomu, abychom si ukázali základy práce s AI a jak různá nastavení ovlivňují výsledný kód.
Blog rozdělím na dvě části: v první rychle spustíme aplikaci, ve druhé přidáme nastavení pro lepší výsledky.
Cílem je tedy vytvořit jednoduchou kalkulačku v jazyce C#.
Nástroje
V předchozím článku jsem zmínil základní nástroje pro Vibe coding, mezi ně patří:
Cursor
Inteligentní editor kódu s AI asistencí, který dokáže doplňovat kód, opravovat chyby a pomáhat s návrhem algoritmů přímo v editoru.Rozšíření pro Visual Studio Code
- Cline – umožňuje interaktivní programování s LLM přímo v editoru, usnadňuje psaní a úpravy kódu.
- RooCode – AI plugin pro rychlé psaní a refaktorování kódu, s podporou více jazyků.
- Augment – nástroj, který zlepšuje produktivitu programátora a pomáhá s generováním funkcionalit.
Microsoft Visual Studio
Nová verze začíná implementovat AI asistenci, zatím však spíše jako hračka než plnohodnotný nástroj.
Výběr nástroje a první spuštění
Pro náš příklad zvolíme můj oblíbený Cursor (https://www.cursor.com/). Na stránkách klikněte na tlačítko Download, nainstalujte aplikaci a spusťte ji – ihned můžete začít pracovat.
Cursor je zdarma, ale nabízí i placenou verzi. Pro naše účely je free verze plně dostačující. Není potřeba zadávat žádné platební údaje.
První spuštění a nastavení
Předpokládám základní znalost práce s Windows a počítačem.
- Spusťte aplikaci Cursor.
- V horním menu klikněte na File a poté na Open folder.
- Vytvořte si složku na disku, kde bude projekt a kde Cursor bude ukládat soubory.
- Složku vyberte a klikněte na Open.
Aplikace se skládá ze tří částí:
- Levý panel zobrazuje adresářovou strukturu a soubory.
- Střední panel ukazuje obsah právě otevřených souborů.
- Pravý panel je chatovací okno, kde budete komunikovat s AI a zadávat úkoly.
Dole se mohou otevírat panely, například terminál, kde uvidíte, co Cursor spouští.
Nastavení modelu LLM
Nyní si nastavíme model umělé inteligence, se kterým budeme pracovat.
- V pravém horním rohu klikněte na ozubené kolečko (nastavení).
- V otevřeném okně najděte sekci Models.
- Ve free verzi můžete vybrat maximálně 5 modelů.
Doporučuji vybrat následující:- gemini 2.5 pro
- claude 3.7 Sonnet
- claude 4 Sonnet
- gpt 4.1
Proč právě tyto modely?
Každý model má jiné silné stránky a znalosti. Pro naši práci v C# je Claude 3.7 Sonnet nejlepší volba.
Je to dříč, který během práce nevyžaduje tolik dotazování jako jiné modely a lépe pracuje s příkazovou řádkou (commandline). Díky tomu je výsledný kód kvalitnější a proces rychlejší.
Přepnutí na režim Agenta a výběr modelu
Vrátíme se do pravého panelu. Ujistěte se, že v chatovacím okně máte vybráno Agent (nikoli Ask nebo Manual).
Vedle klikněte na tlačítko Auto, které vypněte – tím se rozbalí seznam vybraných modelů.
Vyberte Claude 3.7 Sonnet, se kterým budeme pracovat.
Zadání prvního úkolu
Do chatovacího okna vložte tento příkaz (prompt):
Ahoj, napiš mi konzolovou aplikaci v jazyce C# (verze 10 nebo novější). Vytvoř celé řešení (solution) i projekt.
Program po spuštění vypíše krátké menu, ze kterého si budu moci vybrat buď násobení dvou čísel, nebo sčítání dvou čísel.
Poté zadám dvě čísla, aplikace provede výpočet a vypíše výsledek na obrazovku.
Klikněte na ikonu černé šipky v pravém dolním rohu pro spuštění.
Důležité nastavení příkazů při prvním spuštění
Při prvním spuštění Cursor volá řadu příkazů (např. pro vytvoření solution a projektu) a každému příkazu budete muset potvrdit spuštění.
Pro urychlení práce doporučuji zaškrtnout možnost, aby se příkazy spouštěly automaticky bez dalšího potvrzení. Pro demo nastavení to klidně povolte, v dalším článku si vysvětlíme, jak příkazy omezit a bezpečně ovládat.
Průběh tvorby a spuštění programu
Během práce Cursor vytváří soubory, které vidíte v levém panelu. V prostředním panelu uvidíte, jak se program postupně vytváří, především soubor Program.cs.
Po krátké chvíli Cursor program dokončí a pravděpodobně jej i spustí.
Pokud ne, do chatu napište:
Spusť aplikaci
a agent program spustí, vy si jej tak můžete vyzkoušet.
Výsledek a jeho omezení
Vytvořená aplikace funguje přesně podle zadaní – vypisuje menu, provádí sčítání a násobení dvou čísel a zobrazuje výsledek.
Jedná se o jednoduchý příklad, který nečiní AI žádné problémy.
Nicméně z programátorského hlediska má výsledný kód několik nedostatků:
- Program.cs je poměrně dlouhý a hůře čitelný.
- Kód není rozdělen do samostatných metod nebo tříd.
- Neobsahuje komentáře ani dokumentaci.
- Chybí automatické testy (například jednotkové testy).
- Nevyužívá principy jako KISS, DRY nebo SOLID.
- Nenabízí žádnou paměť či ukládání stavu mezi spuštěními.
Tyto nedostatky jsou běžné u rychle generovaného kódu a v profesionálním prostředí by takové řešení pravděpodobně nebylo akceptováno.
V dalším pokračování si ukážeme, jak tyto věci pomocí Cursoru a správného nastavení vylepšit.
Co dělat, když nevíte, jak program spustit?
Pokud si nevíte rady, napište do chatovacího okna:
Jak program sám spustím? Kde je umístěn EXE soubor pro spuštění?
Agent Vám vše vysvětlí a poradí, kde program najdete, jak jej spustit, a jak si jej případně přesunout či použít.
Závěr
Velmi podobným stylem a komunikací dokážete tvořit i složité a rozsáhlé aplikace, nebo modifikovat existující řešení. Stačí znát pár dalších triků a nástrojů, kterým se budeme věnovat v dalším příspěvku.
Pokud byste měli zájem, rád připravím i další návody, screenshoty a ukázky nastavení.
Přeji Vám úspěšný start s Vibe codingem!
"