Vibe coding s Claude: Claude chat, Claude Code a stavba z Claude

Vibe coding s Claude funguje třemi způsoby. Claude chat staví malé aplikace na jednu stránku přímo v konverzaci. Claude Code je agent, který upravuje skutečný projekt na vašem počítači nebo v cloudu, pro lidi, kteří se cítí dobře v kódové základně. A Claude plus AI nástroj pro tvorbu aplikací přes MCP umožňuje stavět, zobrazovat náhled a publikovat plnou aplikaci s databází, aniž byste opustili konverzaci s Claude. Který se hodí, záleží na tom, co stavíte a kolik nastavení chcete mít pod kontrolou.

Tento průvodce pokrývá všechny tři, s prompty a limity každého. Myšlenka za tím vším je v článku co je vibe coding.

Možnost 1: Claude chat pro malé nástroje

V běžné aplikaci Claude můžete požádat o něco interaktivního a Claude to napíše jako kód, který běží přímo vedle konverzace: kalkulačku, cvičení s kartičkami, malou hru, graf z dat, která vložíte. Změníte to tím, že odpovíte.

Dobrý prompt zde je soběstačný:

Vytvoř interaktivní nástroj, do kterého vložím seznam výdajů (jeden na řádek, „částka, kategorie“) a který ukáže koláčový graf podle kategorií a celkový součet. Přidej ukázkový seznam, aby to fungovalo hned.

Co je na tom skvělé: rychlé nástroje na jednu stránku, které používáte sami nebo sdílíte jako odkaz, a učení, protože můžete Clauda požádat, aby vysvětlil každou část.

Kde to končí: tohle běží v prostředí Claude. Nemáte vlastní trvalou databázi, uživatelské účty, vlastní doménu ani místo pro spuštění serveru. Když nápad přeroste jednu stránku, potřebujete jednu z následujících dvou možností.

Možnost 2: Claude Code pro skutečnou kódovou základnu

Claude Code je kódový agent od Anthropic. Pracuje ve vašem terminálu, v editorech jako VS Code a JetBrains, v desktopové aplikaci a na webu. Zadáte mu úkol běžným jazykem a on přečte váš projekt, upraví soubory, spustí příkazy a testy a ukáže vám, co se změnilo. V době psaní je součástí placených tarifů Claude a je dostupný přes API; aktuální tarify najdete na webu Anthropic.

Typická session vibe codingu vypadá takto:

Přidej stránku /bookings, která vypíše rezervace aktuálního uživatele, nejnovější nahoře, s tlačítkem pro zrušení, které je zablokované méně než dvě hodiny před hodinou. Použij stávající pomocnou funkci pro autentizaci. Až budeš hotov, spusť testy.

Co je na tom skvělé: vývojáře a technické zakladatele, kteří už mají projekt, chtějí plnou kontrolu nad stackem a rádi si aplikaci sami spustí a nasadí. Je silný ve změnách napříč více soubory a v dodržování konvencí, které v kódové základně už jsou.

Kde je to náročnější: potřebujete vývojové prostředí a Claude Code nic nehostuje. Databáze, tajné hodnoty, nasazení a domény zařizujete sami. Srovnání s dalšími vývojářskými nástroji najdete v Cursor vs Windsurf vs Claude Code.

Návyky, které fungují s Claude Code

• Před velkými změnami žádejte plán. „Nastin kroky a soubory, kterých se dotkneš, a pak počkej.“
• Veďte soubor s poznámkami k projektu. Claude Code čte soubor s pamětí projektu (CLAUDE.md) s konvencemi, takže je nemusíte opakovat.
• Kontrolujte rozdíly. I když děláte vibe coding, v citlivých oblastech projděte, co se změnilo: autentizace, platby, cokoli s daty uživatelů.
• Commitujte často. Malé commity usnadňují vrácení špatného kroku.

Možnost 3: Stavba a publikování z Claude pomocí Mythexu

Pokud máte rádi práci v Claude, ale chcete na konci skutečnou aplikaci — databázi, přihlášení, úložiště souborů, veřejnou URL — můžete připojit Claude k AI nástroji pro tvorbu aplikací přes MCP, protokol, který umožňuje Claude používat nástroje hostované jinde. (Co je MCP vysvětluje, o co jde, běžnými slovy.)

Mythex provozuje MCP server. Jakmile je připojený, může Claude vytvořit projekt Mythex, napsat kód v soukromém cloudovém sandboxu, spustit živý náhled, připojit databázi a úložiště souborů a publikovat aplikaci. Každý výsledek obsahuje odkaz, kde můžete projekt sledovat živě v Mythexu.

Jak připojit

1. V Mythexu otevřete Nastavení účtu a zkopírujte MCP URL: https://mcp.mythex.ai/mcp.
2. V Claude přejděte do Nastavení → Konektory → Přidat vlastní konektor, vložte URL a klikněte na Připojit.
3. Otevře se stránka Mythexu. Pokud je potřeba, přihlaste se a zvolte Povolit přístup. Není tu žádný API klíč ke zkopírování.
4. Zpět v Claude řekněte, co chcete.

Připojit se může kdokoli na libovolném tarifu; nástroje sandboxu vyžadují Mythex Pro (25 USD měsíčně). Používání Claude zůstává ve vašem tarifu Claude a čas v sandboxu, náhledy a hosting se platí z vašich kreditů Mythex. Kompletní postup najdete v článku stavba aplikací Mythex z Claude, Cursoru nebo Codexu.

První prompt k vyzkoušení

Pomocí Mythexu vytvoř nový projekt: jednoduchý CRM pro mé malé designové studio. Kontakty se jménem, firmou, e-mailem, telefonem, fází (potenciální, aktivní, bývalý) a poznámkami. Zobrazení nástěnky podle fáze, kde můžu přesouvat kontakty mezi sloupci, a vyhledávací pole. Přidej databázi, aby data přetrvala, a přihlášení, aby je viděl jen já. Spusť náhled a pošli mi odkaz, až poběží.

Pak iterujte ve stejné konverzaci, jednu změnu najednou:

V projektu Mythex přidej ke kontaktům datum „další návštěva“ a na domovské obrazovce seznam návštěv splatných tento týden. Zkontroluj to v náhledu.

Publikuj CRM a dej mi živou URL.

Co je na tom skvělé: lidi, kteří nejlépe přemýšlejí v Claude a chtějí výsledek hostovaný s databází, bez nastavování serverů. Můžete také přepínat: začít v Claude a pokračovat v chatu Mythexu, nebo naopak, protože jde o stejný projekt.

Který způsob zvolit?

Tipy k promptům, které s Claude znamenají víc

Claude přesně dodržuje podrobné pokyny, což jde oběma směry.

• Řekněte, co neměnit. „Ponech rozložení a barvy; změň jen validaci formuláře.“
• Dejte mu definici hotovo. „Hotovo znamená, že se nový kontakt uloží, objeví se na nástěnce a přežije obnovení stránky.“
• Požádejte ho, aby zkontroloval svou práci. V Claude Code to znamená spustit testy; s Mythexem to znamená zkontrolovat živý náhled nebo spustit test v prohlížeči.
• Žádejte vysvětlení běžnými slovy, když nerozumíte nějaké změně. Je to nejrychlejší způsob, jak zjistit, co vaše aplikace dělá.

Náš přehled promptů pro vibe coding má 30 promptů, které fungují v kterémkoli z těchto tří nastavení.

Bezpečnostní poznámky pro všechny tři

• Do konverzace s Claude nevkládejte skutečné API klíče ani hesla. S Mythexem patří tajné hodnoty do nastavení tajných hodnot projektu a Claude vidí jejich názvy, ne hodnoty.
• Před publikováním zkontrolujte, kdo co může vidět. „Může přihlášený uživatel otevřít záznamy jiného uživatele?“ je první otázka, kterou je třeba položit.
• Kontrolujte citlivý kód. Claude je schopný programátor, ale vibe coding znamená, že nečtete každý řádek, takže vyberte ty, které záleží. Viz je vibe coding bezpečný?.

Pokud používáte také ChatGPT, doprovodný průvodce pokrývá vibe coding s ChatGPT a Codexem. A pokud chcete přeskočit nastavování úplně, otevřete AI nástroj pro tvorbu aplikací a popište svou aplikaci tam.

Otázky