„Vytvořit web s Claude “ v roce 2026 by mohlo znamenat dvě zcela odlišné věci. První je otevřít Claude Code a naprogramovat web sami pomocí umělé inteligence: to vyžaduje placené předplatné, vlastní hosting a možnost vrátit neúspěšné úpravy zpět prostřednictvím systému správy verzí. Druhou je sestavit web v běžném AI builderu během několika minut, poté ho propojit s Claude, ChatGPT nebo Gemini a jednoduše mu říct, co má opravit. Níže budu upřímný k oběma přístupům: kolik to stojí, kde začátečníci klopýtají a jak funguje propojení hotového webu s AI chatem.
Místo „via Claude “ se skládá ze dvou různých cest
Když lidé googlují „jak vytvořit web v Claude “, téměř vždy mají na mysli jednu ze dvou věcí: buď psaní kódu pomocí umělé inteligence, nebo správu existujícího webu z chatu. Rozdíl je zásadní a zmatek je nákladný – je snadné promarnit večer nástrojem, který neřeší vaše potřeby.
První přístup se nazývá vibe coding: Claude Code, stejně jako Lovable, Bolt a v0, generují skutečný kód webových stránek na základě vašich textových příkazů. Druhý přístup spočívá v tom, že obdržíte hotové webové stránky a Claude, ChatGPT nebo Gemini se k nim připojí jako ovládací panel prostřednictvím protokolu MCP. Níže jsou uvedeny oba přístupy v pořadí, se skutečnými čísly a úskalími.
Co je MCP jednoduše řečeno?
MCP (Model Context Protocol) je otevřený protokol, který umožňuje chatům s umělou inteligencí propojovat externí nástroje. Vývojáři protokolu to vysvětlují přirovnáním ke konektoru:
„ MCP je jako port USB-C pro aplikace umělé inteligence: Stejně jako USB-C poskytuje standardní způsob připojení zařízení, MCP poskytuje standardní způsob připojení aplikací umělé inteligence k externím systémům.“ (překlad podle významu)
- modelcontextprotocol.io,„Co je protokol kontextu modelu“
Společnost Anthropic otevřela MCP jako otevřený standard 25. listopadu 2024. V březnu 2025 protokol přijala společnost OpenAI, nejprve v Agents SDK, se slibem brzkého přidání podpory v aplikaci ChatGPT a Responses API. Brzy se k němu přidaly i Microsoft a Google. Do prosince 2025 měl MCP přes 10 000 aktivních veřejných serverů a ve stejném měsíci společnost Anthropic převedla správu protokolu na Agentic AI Foundation v Linux Foundation, aby zajistila neutralitu standardu. Pro majitele webu to znamená, že MCP je akceptovaným způsobem propojení chatů s umělou inteligencí se službami třetích stran, který dnes podporují všichni hlavní asistenti. Podrobnosti o tom, jak to funguje, naleznete na webu 1001site v pokynech pro připojení Claude, ChatGPT a Gemini ve znalostní bázi.
Cesta 1: Claude Code vytváří webové stránky od nuly – kolik to ve skutečnosti stojí?
Claude Code nemá bezplatnou verzi: přístup začíná předplatným Claude Pro (20 dolarů měsíčně) nebo Max (100–200 dolarů měsíčně) nebo platbami tokeny prostřednictvím Anthropic Console. Další služby vibračního kódování fungují podobným způsobem:
- Roztomilé - 5 sestavení denně zdarma, platí se od 25 dolarů měsíčně.
- Bolt.new - 1 milion tokenů měsíčně zdarma, 20–25 dolarů měsíčně za poplatek (tokeny se s růstem projektu rychleji spotřebovávají).
- v0 (Vercel) - 7 zpráv denně zdarma, placené od 30 dolarů měsíčně na uživatele.
Po sestavení je kód váš a lze jej přenést na jakýkoli hosting – to je výhoda. Hosting, doména, HTTPS certifikát a následná údržba webových stránek jsou však také vaší odpovědností. Bolt standardně publikuje na Netlify. Lovable se synchronizuje s GitHubem a vyžaduje samostatné nasazení na Netlify nebo Vercel. v0 je vázána na vlastní infrastrukturu Vercelu, a to až po ruční konfiguraci DNS záznamů (technických doménových adres) pro váš vlastní web. Ani jeden z těchto nástrojů nezahrnuje údržbu webu po sestavení.
Jaká úskalí čekají na netechnického člověka při kódování vibrací?
Pět věcí ve skutečnosti zabíjí nadšení rychleji než sliby v reklamách na Vibe Coding:
- Umělá inteligence narušuje již fungující kód. Častá stížnost nováčků v kódování pro Vibe: při prvních pokusech umělá inteligence píše poškozený kód a narušuje již fungující služby.
- Bez Gitu neexistuje bod pro vrácení změn. Stejný autor porovnává commity s historií verzí v Dokumentech Google – ale i to je nutné nováčkovi vysvětlit od nuly.
- Model „zapomíná“ na kontext. Každý model umělé inteligence má omezenou paměť na dialogy, takže nakonec opakuje totéž znovu a znovu – to jasně ukazuje analýza na DEV Community.
- Ladění cizího kódu je slepá ulička. Pokud jste logiku nenapsali vy, je diagnostika chyby obtížnější: není jasné, kde vůbec začít hledat příčinu.
- Bezpečnost je slepé místo. Umělá inteligence ve výchozím nastavení nepřidává ochranu hrubou silou ani dvoufaktorové ověřování, pokud není výslovně požadováno, a klíče API často končí přímo v kódu front-endu. Sledovač zranitelností Vibe Security Radar od Georgia Tech zaznamenal nárůst objevů v kódu generovaném umělou inteligencí ze šesti nových záznamů CVE v lednu 2026 na 35 v březnu – podrobnosti na entrepreneurloop.com.
Žádný z těchto problémů neznamená, že vibrační kódování je špatný nástroj: pro vývojáře nebo nadšeného experimentátora je to schůdný způsob, jak rychle sestavit prototyp. Ale pro majitele firmy, který chce jednoduše funkční webové stránky bez zátěže druhého povolání, je to značná vstupní cena.
Cesta 2: Webová stránka je již připravená a chat s umělou inteligencí ji pouze upravuje
Druhá cesta je kratší právě proto, že web je již vytvořený. V 1001site si vyberete styl z katalogu a agent AI vytvoří domovskou stránku a sekce v tomto stylu za 2–7 minut; režim klonování replikuje referenci téměř přesně a text je přepsán speciálně pro vaši firmu. Poté můžete web propojit s Claude, ChatGPT nebo Gemini přes MCP a spravovat ho pomocí příkazů jako „Vypsat těchto 20 produktů z tabulky“, „Upravit domovskou stránku jako tu na tomto webu“ nebo „Zvýšit ceny o 10 %“.
Služba se stará o hosting, doménu a aktualizace enginu – nemusíte přistupovat k repozitáři ani konzoli pro nasazení. Webová stránka se technicky nachází ve vašem dashboardu a veřejná adresa je subdoména nebo vlastní doména s bezplatným SSL certifikátem. Styl se vybírá ve vyskakovacím okně „Vytvořit webovou stránku“ na 1001site.com a připojení MCP se přidává po dokončení webu.
Jak propojit webovou stránku s Claude, ChatGPT nebo Gemini: 3 kroky
Připojení se provádí jednou na asistenta a trvá tři kroky.
- Klikněte na „Připojit“. Přejděte do Nastavení → „AI a MCP “ → „Připojit Claude “ (nebo ChatGPT, Gemini). Bude vygenerován klíč s plným přístupem k tomuto webu a odkaz pro připojení bude zkopírován do schránky.
- Vložte odkaz do asistenta. Pro Claude (claude.ai) - Nastavení → Konektory → „Přidat vlastní konektor“; pro Claude Code - příkaz z okna připojení; pro ChatGPT - Režim pro vývojáře → MCP aplikace → přidat server; pro Gemini - Nastavení → Připojené aplikace → Přidat vlastní aplikaci (pro Gemini CLI - samostatný příkaz).
- Zkontrolováno. Pošlete asistentovi zprávu typu: „Jste připojeni k mému webu. Ukažte mi, co umíte.“ Spustí nástroj a odpoví seznamem možností.
Katalog připravených příkazů je integrován přímo v připojení, takže nemusíte vymýšlet výzvy od nuly.
Co můžete svěřit asistentovi – a co ne?
Připojený asistent má k dispozici stejné nástroje jako vestavěný asistent s umělou inteligencí v kanceláři:
- Kategorie a produkty - tvorba, úprava, import, fotografie pomocí odkazu;
- objednávky a jejich stavy;
- veškerá nastavení webu a texty rozhraní;
- design - barvy, fonty, záhlaví, vlastní CSS, styl založený na referenci nebo screenshotu;
- struktura hlavní stránky a stránek z bloků;
- příspěvky a statistiky.
Asistent nemá přístup k tarifnímu plánu, adrese a doméně webových stránek, platebním a botovým klíčům ani k mazání dat – to zmírňuje hlavní obavu „co když něco nenávratně pokazí?“. Klíč se zobrazí jednou při vytvoření a lze jej vydat s omezenými právy (pouze pro čtení nebo pro čtení a zápis pro konkrétní skupiny, například katalog nebo objednávky). Lze jej odvolat jediným kliknutím v seznamu připojení, po kterém asistent okamžitě ztratí přístup.
Jak to vypadá v praxi: katalog 300 produktů za pár minut
300 produktových karet, jejichž ruční vyplnění by normálně trvalo několik dní, zabralo jen pár minut konverzace s Claude v autorově související službě, která používá stejný princip MCP jako 1001site. V jednom z projektů pro síť prodejců památek Claude analyzoval množství zdrojových 3D modelů, ručně je „rozdělil“ na 300 jednotlivých produktů a pomocí několika textových příkazů od autora je kategorizoval. Autor popisuje výsledek následovně:
„Technologie MCP radikálně mění řízení prodejny. Místo ručního vyplňování karet po celý den komunikujete s chatbotem, posíláte fotografie a systém automaticky naplní prodejnu.“
- Z případové studie „Katalog 300 produktů za pár minut“, blog 1001site
Logika pro připojení a spolupráci s Claude přes MCP v 1001site je stejná – pouze katalog a produkty jsou již vaše.
Potřebuji placený účet a kolik celý proces stojí?
Ano, s největší pravděpodobností. Připojení MCP je k dispozici u placených tarifů webu („All Inclusive“ – 45 € měsíčně, první měsíc s promo kódem – 25 €; bez zkušební doby). Účet na Claude, ChatGPT nebo Gemini je oddělený a váš: jeho podmínky, limity zpráv a cenu si stanovuje samotný poskytovatel, nikoli 1001site. Porovnejte to se vstupní cenou za vibe coding z výše uvedené části: tam cena začíná na 20 $ za samotné předplatné Claude Code, bez hostingu. MCP není zdarma, ale pouze přidává náklady na asistentský účet k již placenému webu – za hosting a doménu se neúčtuje žádný samostatný účet.
Kterou cestu byste si měli zvolit?
Pokud vás zajímá samotný proces programování, potřebujete kompletně zakázkový produkt nebo se vyznáte v Gitu a jeho nasazení, vyplatí se používat Vibe kóding s Claude Code, Lovable nebo Bolt, což je pro tuto práci vhodný nástroj. Pokud potřebujete funkční webové stránky pro svou firmu bez druhé kariéry, je chytřejší je vytvořit pomocí hotového AI builderu a poté je propojit s Claude, ChatGPT nebo Gemini přes MCP, pokud je chcete spravovat verbálně. Druhý přístup začíná výběrem stylu z katalogu 1001site: webové stránky jsou připraveny za 2–7 minut a MCP propojení lze kdykoli přidat k existujícímu výsledku.
Zdroje
- Antropické. Představujeme protokol kontextu modelu, 25. 11. 2024
- Protokol kontextu modelu - oficiální dokumentace
- MCP se připojuje k Nadaci Agentic AI, blog MCP, 12. 9. 2025
- DivyanshuLohani. Vibe Coder: Netechničtí vývojáři a zázrak komunity umělé inteligence a vývojářů.
- 10 kritických bezpečnostních zranitelností, na které by si měl dát pozor každý zakladatel Vibe Codingu, entrepreneurloop.com
- Propojení Claude, ChatGPT a Gemini ( MCP) - znalostní báze 1001site
- Katalog s 300 produkty za pár minut: Jak MCP a Claude naplní internetový obchod
