V čem vibe codovat?
Čím výš v pyramidě, tím víc toho vytvoříte — ale tím víc se toho musíte naučit.
Claude Code, GPT Codex, Cursor, Windsurf, Copilot CLI
Nejvyšší schopnosti, plná kontrola nad kódem
Macaly, Lovable, V0, Bolt.new, Base44
Vizuální prostředí, snadný start, rychlé prototypy
ChatGPT, Claude, Gemini
Základní prompting, generování kódu přes chat
Jak začít s vibe codingem
Tři kroky od nuly k prvním výsledkům.
Začněte vajbit
Zkuste si vyrobit hru Snake v ChatGPT, Gemini nebo Claude. Postupně přidejte vlastní grafiku, oponenta, ukládání výsledků.
Vytvořte vlastní web
Zkuste si v Macaly nebo Lovable vytvořit web. Vibujte. Iterujte. Zkoušejte.
Macaly — 15M kreditů zdarma→Naučte se to pořádně
Chytlo vás to a chcete se to opravdu naučit? Doporučuji se začít učit Claude Code.
Jak nainstalovat Claude Code na Macu
curl -fsSL https://claude.ai/install.sh | bashclaude a napište svůj první prompt: "Udělej mi nový web."Životní cyklus vibe codera
Od prvního webu po plnou orchestraci. Každý level vám odemkne nové možnosti.
Weby
Landing pages, produktové weby, portfolia. Začněte tady.
Pro 70% z vás je tohle ideální start
Prototypy aplikací
Rychlé ověření nápadu. PoC za hodiny místo týdnů.
Ideální pro foundery v JICu
Interní nástroje
CRM lite, správa testimonialů, kalkulačky, dashboardy.
Ušetříte tisíce za SaaS nástroje
Produkční aplikace
Plně funkční aplikace s databází, autentizací, platbami.
Až naberete zkušenosti z levelů 1-3
Orchestrace práce
AI řídí celý workflow: kontext, skills, nástroje. Vy jste architekt.
Kam to celé směřuje
Pro Foundery: Co řešit jako první
Řešení na nejčastější problémy, které zmiňujete.
Landing page za minuty
“Nemáte web pro svůj startup a agentura stojí desítky tisíc?”
S vibe codingem vytvoříte profesionální landing page za jedno odpoledne. Začněte v Macaly pro první verzi, nebo rovnou v Claude Code pro plnou kontrolu.
Jak na to
- 1Připravte si brand brief (barvy, texty, cílová skupina)
- 2Otevřete Macaly nebo Claude Code
- 3Popište, co chcete: Vytvoř mi LP pro [váš produkt]
- 4Iterujte, upravujte, deployněte na Vercel
Newslettery bez trápení
“Tvorba newsletterů vám zabere hodiny a výsledek nevypadá profesionálně?”
Vybudujete si dva nástroje v Claude Code: (1) newsletter skill, který generuje HTML kompatibilní s Mailchimpem, a (2) CLI appku jako API most s Mailchimpem pro upload a odesílání. Obojí si postavíte sami na základě dokumentace.
Jak na to
- 1Nastudujte Mailchimp email template dokumentaci (link níže)
- 2Vytvořte si Claude Code skill pro generování newsletter HTML (markdown instrukce)
- 3Postavte si CLI appku jako API most s Mailchimpem (na základě Mailchimp API docs)
- 4Workflow: napíšete prompt, Claude vygeneruje HTML, appka ho uploadne do Mailchimpu
Analytika webu
“Nastavení GA4 a GTM vám přijde jako raketová věda?”
Existuje MCP server pro Google Tag Manager, který vám umožní nastavit tracking přes Claude Code. Setup GA4, Meta Pixel i Sklik trackingu jedním promptem.
Jak na to
- 1Nainstalujte GTM MCP server
- 2Řekněte Claude Code: Nastav mi GA4 tracking
- 3Claude vytvoří tagy, triggery i proměnné
- 4Ověřte v GTM Preview mode
Automatizace obsahu
“Opakujete stále stejné úkoly — posty, emaily, reporty?”
Vybudujte si automatizační systém. Klíčem je investice do kontextu — čím lepší kontext (brand, tón hlasu, cílová skupina, příklady co funguje), tím lepší výstupy. Kontext je základ všeho.
Jak na to
- 1Investujte do kontextu — sepište brand brief, tón hlasu, persony, příklady dobrých výstupů
- 2Identifikujte opakující se úkol a nejdřív ho zvládněte ručně, pak s AI
- 3Vytvořte si skill (markdown instrukci pro Claude), který čerpá z vašeho kontextu
- 4Postupně budujte arzenál — každý nový skill staví na kontextu, který už máte
Produktový web
“Potřebujete profesionální web, ale WordPress vám nesedí?”
Vibe coding vám dá plnou kontrolu nad designem i obsahem. Moderní web s Next.js, Tailwind CSS a automatickým deployem na Vercel.
Jak na to
- 1Připravte si obsah a vizuální identitu
- 2Použijte Claude Code s kontextovým souborem
- 3Web se automaticky deployuje přes Git → GitHub → Vercel
- 4Aktualizace? Řekněte Claude Code co změnit
Kontext je král
Kvalita výstupu AI závisí na kvalitě kontextu, který jí dáte. Toto je klíčový princip celého vibe codingu.
Váš kontext
context/
index.md ← obsah
projects/
ai-first/
muj-startup/
brand/
context.md ← barvy, tón, cílová skupina
know-how/
campaigns.md
Co patří do kontextu
- Brand DNA & vizuální identita
- Persony & pain pointy publika
- Knihovna textů (co funguje)
- Historie kampaní & learningy
- Vizuální assety (loga, fotky)
- Know-how pro jednotlivé kanály
Claude Code Skills
Skill je markdown soubor, který říká Claude Code, přesně jakmá udělat konkrétní úkol. Např. "vytvoř newsletter" spustí celý workflow automaticky.
newsletter.md
Skill soubor
Claude Code
Čte skill
Newsletter HTML
Výstup
Mailchimp
Odeslání
Skills žijí v ~/.claude/skills/— jednoduché markdown soubory.
Správná cesta k automatizaci
Nepřeskakujte kroky. Nejdřív zvládněte ručně, pak promptujte, pak automatizujte.
Zvládněte to ručně
Udělejte práci sami. Rozvíjejte vkus. Naučte se, jak vypadá dobrý výsledek.
Zvládněte prompting
Zrychlujte s ChatGPT/Claude. Laďte prompty. Budujte spolehlivé workflow.
Vybudujte systém
Zakódujte to do skills. Propojte kontext a nástroje. Claude orchestruje.
Danger Zone
Přeskakování kroků = špatná kvalita ve velkém. Vždy zůstaňte "marketer in the loop".
Reálný workflow: Publikace podcastové epizody
Nahraju MP3, řeknu jeden prompt a Claude Code orchestruje celý zbytek. Bez N8N, bez Make.
Celý den → 30 minut. No N8N. No Make. No Zapier. Jen Claude Code.
Free nástroje na GitHubu
Open-source nástroje, které používám v kurzu AI First. Volně k dispozici pro všechny.
Nanobanana
MITGenerátor obrázků přes Google Gemini. Loga, grafiky, bannery přímo z příkazové řádky.
Otevřít na GitHubuWhisper Transcriber
MITLokální přepis audia/videa do textu. Česky i anglicky, na vašem Macu, zdarma, offline.
Otevřít na GitHubuPodcast Manager
MITCLI pro správu podcastů přes Podbean API. Upload, publish, metadata — vše z terminálu.
Otevřít na GitHubuDoporučené epizody podcastu
Vybrané epizody, které přímo odpovídají na vaše otázky z dotazníku.
Co vlastně vibe codovat? Mám pro vás inspiraci
38 minSystém 6 úrovní vibe codingových projektů. Od jednorázových utilitek po produkční appky. Kde začít a proč je produkční aplikace to poslední, čím byste měli začínat.
Ideální úvod do toho, co vibe codovat — odpovídá na otázky většiny z vás.
Zdroje a materiály
Všechno na jednom místě. Prezentace, nástroje, ukázky.
Prezentace z dnešního workshopu
Kompletní slajdy z přednášky na JIC Foundery.
Otevřít v CanvěMacaly — 15M kreditů zdarma
Vizuální vibe coding platforma. Ideální pro první web nebo landing page bez kódování.
Získat kredityVibecoded.cz — 150+ projektů
Galerie 150+ vibe coding projektů, které jsem vytvořil za rok s Claude Code. Weby, aplikace, hry, interní nástroje — inspirace, co všechno jde.
Prozkoumat projektyChcete se to naučit pořádně?
Kurz AI First je nejkomplexnější český kurz o vibe codingu a AI pro podnikatele a marketéry. Bez teorie. Bez omáčky. Jen to, co funguje.
1 500+
studentů
18,5h
obsahu
30
videí
Kurz AI First
Pro marketéry, podnikatele, OSVČ, malé firmy i e-shopy. Koupíte, za 5 minut studujete.