Vibe coding v praxi: Šárovo bistro a Wix na dálku pro HolzMOODE

Ahoj holky. Na středečním webináři jsem holkám ukazovala živě, jak vypadá vibe coding v praxi. Dva reálné příběhy z posledních týdnů. Bratrovo Šárovo bistro, které je LIVE od 21.7., a spolupráce s kamarádkou Petruškou, které spravuju Wix na dálku přes Claude a API. Kdo jsi na živý webinář nestihla, tady je celá cesta krok za krokem. Záznam najdeš dole v článku.

Šárovo bistro: web pro bratra Petra

Můj bratr Petr má rodinné bistro u Berounky, na cyklostezce mezi Prahou a Karlštejnem. Grilované klobásy, čepovaná Plzeň, domácí guláš, ryby na grilu, když je čerstvá dodávka. Poctivé jídlo, spousta cyklistek a rodin s dětmi. Řekli jsme si, že by potřeboval web. Ne šablonu z Wixu za tisíc korun měsíčně, ale vlastní stránku, kterou si sám zvládne aktualizovat.

Web je LIVE od 21.7. Napojený na Google, Seznam, mapy, sociální sítě, Kudy z nudy, Firmy. Petr si sám spravuje menu v adminu, otevírací dobu, aktuality. Když ráno chytnou čerstvé kapry, hodí je na gril a v adminu klikne „Přidat aktualitu" — hosté to vidí za minutu.

Web jsem postavila já sama. S Claude Code, krok za krokem. Celé to trvalo pár dní. Zajímavost, o které jsem na webináři mluvila. Můj AI tvůrce Vojta si zkusil zadání paralelně ze svého vlastního skillu (jako demo alternativní cesty) a vytvořil verzi na teamidas.cz/sarovobistrovojta. Ukázala jsem Petrovi obě varianty a on si vybral mou. Prý je barevnější, teplejší, víc mu sedla k tomu, jak se u něj v bistru cítí lidi. Vojtův paralelní web zůstal jako referenční ukázka jiného přístupu se stejným zadáním.

Za měsíc už bylo bistro dohledatelné v Google na klíčová slova jako „bistro Karlštejn cyklostezka" nebo „ryby na grilu Berounka".

Skill v Členství: postav si vlastní web

Tady je pointa. To, co jsem dělala pro Petra, jsem shrnula do skillu, který mám v Členství. Nainstaluješ si Claude Code, dáš tam můj skill, on tě povede krok za krokem.

Jak to funguje technicky

Skill má proměnné — barvy, brand, obsah, cílovka, foto, sekce. Ty odpovíš na Claudovy otázky svými parametry (moje bistro, moje cukrárna, moje kadeřnictví, můj ateliér), on si je uloží a použije. Technická kostra webu zůstává vždy stejná (bezpečnost, testy, kontroly, SEO struktura, admin), ale obsah, vzhled, barvy, funkce si stavíš od základu podle sebe.

Kroky, jak to probíhá:

1. Inspirace. Najdeš si 2 až 3 weby, které se ti líbí. Ukážeš je Claude přes screenshot. On z nich vezme, co ti sedí — barvy, layout, typografii.
2. Parametry. Claude se tě ptá vlastními slovy: jaké barvy? jaký font? co má být na homepage? kolik sekcí? Odpovídáš, nemusíš znát technickou terminologii.
3. Skill postaví web. Claude podle skillu vygeneruje čistý kód, testy, SEO strukturu, admin, kontaktní formuláře. Vše připravené k nasazení.
4. Kontroly a testy. Skill má vestavěné automatické kontroly — SEO body, přístupnost, mobilní zobrazení, rychlost. Claude ti řekne, kde je problém, a opraví ho.
5. Iterace. Podíváš se, řekneš „to tlačítko je moc velké", „ten obrázek dej výš". Claude opraví. Kolikrát potřebuješ.
6. Deploy. Hotový web nasadíš na Railway nebo Vercel (v Členství ti ukazuji krok za krokem, kolik to stojí a jak si to nastavit).

Je to trochu technické, ano. Ale Claude tě sám navede k cíli — pokud se zasekneš, on ti řekne, kde je problém a co udělat. Já jsem v Členství jako konzultantka. Když si nevíš rady, napíšeš do komunity nebo mi na hovor zdarma.

V neplacené verzi to nepůjde, protože AI halucinuje a vymyslí si věci, které do tvého webu nepatří. V Členství máš zaplacený přístup, otestovaný workflow a osobní podporu ode mě, když se někde zasekneš.

HolzMOODE Petrušky: Wix na dálku přes API

Druhá case study byla o kamarádce Petrušce. Dřevěné výrobky na míru z masivu. 15 let řemesla. Kuchyňské desky, stoly, houpačky, sauny, pergoly. Realizace po celé republice. Skutečný masivní dub, ne dýha.

Petruška má krásný Wix web na holzmood.com. Poctivé produkty, hezké fotky, vlastní IG @drevenevyrobkyprovas. Ale před spoluprací minimum poptávek z Google. Vypadala jako neviditelná, i když měla lepší produkty než konkurence.

Přišly jsme na to, že Wix umí být tvůj kamarád, jenom mu musíš dát cokoli, o čem má vědět. Alt texty u obrázků, SEO klíčová slova v popisech produktů, meta description, interní linky. Nudné práce, které klasické agentury účtují po hodinách. Já to dělám z domova, přes Claude AI, na dálku.

Jak Wix na dálku vlastně funguje

Jsem správce Petrušina Wix webu. API klíče jsem si generovala sama v jejím Wix Studio adminu, s Petrušiným pověřením a jasným seznamem, co mám dělat (blog texty, alt texty, aktualizace produktů, media). Pouštím Claude jako agenta na její Wix. Claude přečte obsah, navrhne úpravu, já ji projdu ručně, potvrdím, a Claude ji přes API zapíše do Wixu. Petruška nemusí dělat nic. Jen mi občas napíše, co má nového, nebo mě upozorní na sezonu.

Seokrates: SEO audit za pět minut

Na webináři jsem ukazovala Seokrates. AI nástroj na SEO audit od Vojty, mého AI tvůrce, se kterým dělám i další věci. Zadáš URL, dostaneš score, chyby, warnings a konkrétní návody, co opravit. Ne obecné rady typu „přidej klíčová slova", ale reálné body na tvé konkrétní stránce.

Pustila jsem Seokrates na Petrušinou stránku „Poptávka". Vypadl audit s konkrétními body. Já jsem s Claude prošla každý bod, přepsala texty, vložila do Wixu. Za měsíc: Google začal posílat poptávky. Dubová lavice, rámová konstrukce, sauna na míru. Reálné termíny, které lidé hledají a najdou u Petrušky.

Seokrates používám denně na všechny weby, které spravuju. Jestli tě zajímá, můžeš přes můj affiliate odkaz: seokrates.io/en?ref=marcela-kramarova-wky. Mám z něj drobnou provizi.

GitHub jako záloha: bezpečnost nad rychlostí

Věc, o které se moc nemluví. Můj web mám celý zálohovaný na GitHubu. Kdyby AI zmizela, kdyby se stalo cokoli. Kód předám programátorovi, on ho zvedne od tam, kde jsem já. Není to černá skříňka, není to závislost na jedné platformě.

Verzování, historie změn, možnost vrátit se o krok zpátky. To všechno je vestavěné, jakmile máš kód na GitHubu. V Členství ti ukazuji, jak si GitHub nastavíš, aniž bys pochopila jediný termín z programátorské hantýrky.

Nevyšiluj z cenových modelů AI

Poslední myšlenka z webináře, která mi přijde důležitá. Vidím, jak spousta žen ztrácí energii tím, že sleduje, jaký model je zrovna nejlepší. „Tam Claude 4, tam GPT 5, tam Gemini. Tam pětka, tam čtyři stovky. Na co?"

Vyber si jeden. U mě je to Claude. Nastuduj ho. Postav si na něm workflow. Ostatní modely doladíš, až budeš vědět, co potřebuješ. Já jsem třeba zrušila Vimeo, vlastní úložiště mám přímo v systému. Skončí webinář, řeknu Claudovi „ulož záznam a připrav na stránky", on to udělá sám. Nic neřeším, nic nedoplácím.

Záznam webináře

Celý webinář ze středy 22.7. najdeš na mém YouTube kanálu. Trvá asi 50 minut. Petruška se přidává asi v polovině a mluvíme o její cestě přes IG a Wix.

▶️ Postav si vlastní web podle mého skillu. Živě Šárovo bistro + host HolzMOODE

Co dál číst

• Vibe coding česky: kompletní průvodce pro netechničku
• Šárovo bistro case study: web za týden krok za krokem
• Google tě nenajde? 3 chyby webu (a jak je opravit sama)
• Přidej se na příští středeční webinář zdarma

Píše Marcela Kramářová, fotografka a AI konzultantka. Provozuje BabičkaHackuje.cz a Fotoatelier-Brno.cz. Bez IT vzdělání sama postavila 4 weby s Claude AI a spravuje Wix klientkám na dálku přes API.