Ako vytvoriť webovú stránku s Claude bez kódu: Ako to vlastne funguje

30. septembra 2026 · 11 min čítania · Valery Danyuk

vytvoriť webovú stránku pomocou ClaudeMCPKancelársky asistent s umelou inteligenciouClaude1001site AI

Obálka článku: Webová stránka vytvorená s Claude bez kódu – správa slov namiesto programovania

Čo získate

Rozumieš rozdielu medzi „vibrovacím kódovaním“ a pripojením MCP?
poznať skutočné náklady na obe cesty
Svoju webovú stránku môžete prepojiť s Claude, ChatGPT alebo Gemini v 3 krokoch.

Použiť: za 15 minútUložené: Nemíňajte peniaze na predplatné a hosting, ktoré nepotrebujete.

„Vytvorenie webovej stránky s Claude “ v roku 2026 by mohlo znamenať dve úplne odlišné veci. Prvou je otvorenie Claude Code a naprogramovanie webovej stránky svojpomocne pomocou AI: to si vyžaduje platené predplatné, vlastný hosting a možnosť vrátiť späť neúspešné úpravy prostredníctvom systému správy verzií. Druhou je zostavenie webovej stránky v bežnom AI builderi za pár minút, následné pripojenie ku Claude, ChatGPT alebo Gemini a jednoduché postavenie, ktoré má opraviť. Nižšie budem úprimný k obom prístupom: koľko to stojí, kde začiatočníci zakopávajú a ako funguje pripojenie hotovej webovej stránky k AI chatu.

Miesto „via Claude “ pozostáva z dvoch rôznych ciest.

Keď ľudia vyhľadávajú na Googli „ako vytvoriť webovú stránku v Claude “, takmer vždy majú na mysli jednu z dvoch vecí: buď písanie kódu pomocou umelej inteligencie, alebo správu existujúcej webovej stránky z chatu. Rozdiel je zásadný a zmätok je nákladný – je ľahké premárniť večer nástrojom, ktorý nerieši vaše potreby.

Prvý prístup sa nazýva vibe coding: Claude Code, rovnako ako Lovable, Bolt a v0, generujú skutočný kód webovej stránky na základe vašich textových príkazov. Druhý prístup spočíva v tom, že dostanete hotovú webovú stránku a Claude, ChatGPT alebo Gemini sa k nej pripoja ako ovládací panel prostredníctvom protokolu MCP. Nižšie sú uvedené oba prístupy v poradí so skutočnými číslami a úskaliami.

Čo je MCP v jednoduchých vyjadreniach?

MCP (Model Context Protocol) je otvorený protokol, ktorý umožňuje chatom s umelou inteligenciou pripojiť externé nástroje. Vývojári protokolu to vysvetľujú porovnaním s konektorom:

„ MCP je ako port USB-C pre aplikácie umelej inteligencie: Rovnako ako USB-C poskytuje štandardný spôsob pripojenia zariadení, MCP poskytuje štandardný spôsob pripojenia aplikácií umelej inteligencie k externým systémom.“ (preklad podľa významu)
modelcontextprotocol.io,„Čo je protokol kontextu modelu“

Spoločnosť Anthropic otvorila MCP ako otvorený štandard 25. novembra 2024. V marci 2025 prijala protokol spoločnosť OpenAI, pôvodne v Agents SDK, so sľubom čoskoro pridania podpory v aplikácii ChatGPT a rozhraní Responses API. Čoskoro sa pridali aj spoločnosti Microsoft a Google. Do decembra 2025 mala MCP viac ako 10 000 aktívnych verejných serverov a v tom istom mesiaci spoločnosť Anthropic presunula správu protokolu na nadáciu Agentic AI Foundation v rámci Linux Foundation, aby zabezpečila neutralitu štandardu. Pre vlastníka stránky to znamená, že MCP je akceptovaným spôsobom prepojenia chatov s umelou inteligenciou so službami tretích strán, ktorý dnes podporujú všetci hlavní asistenti. Podrobnosti o tom, ako to funguje na 1001site, nájdete v pokynoch na pripojenie Claude, ChatGPT a Gemini v znalostnej báze.

Cesta 1: Claude Code vytvorí webovú stránku od nuly – koľko to v skutočnosti stojí?

Claude Code nemá bezplatnú verziu: prístup začína predplatným Claude Pro (20 dolárov mesačne) alebo Max (100 – 200 dolárov mesačne) alebo platbami tokenov prostredníctvom konzoly Anthropic. Ostatné služby vibe kódovania fungujú podobným spôsobom:

Rozkošné - 5 zostavení denne zadarmo, platené od 25 dolárov mesačne.
Bolt.new - 1 milión tokenov mesačne zadarmo, 20 – 25 dolárov mesačne za poplatok (tokeny sa míňajú rýchlejšie s rastom projektu).
v0 (Vercel) - 7 správ denne zadarmo, platené od 30 dolárov mesačne na používateľa.

Po zostavení je kód váš a je možné ho preniesť na akýkoľvek hosting – to je výhoda. Hosting, doména, HTTPS certifikát a následná údržba webovej stránky sú však tiež vašou zodpovednosťou. Bolt štandardne publikuje na Netlify. Lovable sa synchronizuje s GitHubom a vyžaduje samostatné nasadenie na Netlify alebo Vercel. v0 je viazaná na vlastnú infraštruktúru Vercelu, až po manuálnu konfiguráciu DNS záznamov (technické adresy domén) pre vašu vlastnú webovú stránku. Ani jeden z týchto nástrojov nezahŕňa údržbu stránky po zostavení.

Aké úskalia čakajú na netechnického človeka pri kódovaní vibrácií?

Päť vecí v skutočnosti zabíja nadšenie rýchlejšie ako sľuby v reklamách na Vibe Coding:

Umelá inteligencia narúša existujúci kód. Častá sťažnosť nováčikov v kódovaní pre Vibe: počas prvých pokusov umelá inteligencia píše poškodený kód a narúša existujúce služby.
Bez Gitu neexistuje bod vrátenia zmien. Ten istý autor porovnáva commity s históriou verzií v Google Docs – ale aj toto treba nováčikovi vysvetliť od začiatku.
Model „zabúda“ na kontext. Každý model umelej inteligencie má obmedzenú pamäť na dialógy, takže nakoniec opakuje to isté dookola – to jasne dokazuje analýza na DEV Community.
Ladenie kódu niekoho iného je slepá ulička. Ak ste logiku nenapísali vy, diagnostikovanie chyby je ťažšie: nie je jasné, kde vôbec začať hľadať príčinu.
Bezpečnosť je slepým bodom. UI štandardne nepridáva ochranu hrubou silou ani dvojfaktorové overenie, pokiaľ nie je výslovne požiadané, a kľúče API často končia priamo v kóde front-endu. Sledovač zraniteľností Vibe Security Radar od Georgia Tech zaznamenal nárast objavov v kóde generovanom UI zo šiestich nových záznamov CVE v januári 2026 na 35 v marci – podrobnosti na entrepreneurloop.com.

Žiaden z týchto problémov neznamená, že vibračné kódovanie je zlý nástroj: pre vývojára alebo nadšeného experimentátora je to schodný spôsob, ako rýchlo zostaviť prototyp. Ale pre majiteľa firmy, ktorý chce jednoducho funkčnú webovú stránku bez záťaže druhého povolania, je to značná vstupná cena.

Cesta 2: Webová stránka je už pripravená a chat s umelou inteligenciou ju už len upravuje

Druhá trasa je kratšia práve preto, že stránka je už vytvorená. V 1001site si vyberiete štýl z katalógu a agent AI vytvorí domovskú stránku a sekcie v tomto štýle za 2-7 minút; režim klonovania replikuje referenciu takmer presne a text sa prepíše špeciálne pre vašu firmu. Potom môžete stránku prepojiť s Claude, ChatGPT alebo Gemini cez MCP a spravovať ju pomocou príkazov ako „Vypísať týchto 20 produktov z tabuľky“, „Upraviť domovskú stránku ako tú na tejto stránke“ alebo „Zvýšiť ceny o 10 %“.

Porovnanie kódovania vo Vibe a webovej stránky s použitím Claude cez MCP: kód od nuly verzus hotový produkt

Služba sa stará o hosting, doménu a aktualizácie nástrojov – nepotrebujete prístup k repozitáru ani konzole nasadenia. Webová stránka sa technicky nachádza vo vašom dashboarde a verejná adresa je subdoména alebo vlastná doména s bezplatným SSL certifikátom. Štýl sa vyberá vo vyskakovacom okne „Vytvoriť webovú stránku“ na stránke 1001site.com a pripojenie MCP sa pridá po tom, ako je webová stránka pripravená.

Ako prepojiť webovú stránku s Claude, ChatGPT alebo Gemini: 3 kroky

Pripojenie sa vykoná raz na asistenta a prebieha v troch krokoch.

3 kroky na prepojenie vašej webovej stránky s Claude, ChatGPT alebo Gemini prostredníctvom MCP

Kliknite na „Pripojiť“. Prejdite do časti Nastavenia → „AI a MCP “ → „Pripojiť Claude “ (alebo ChatGPT, Gemini). Vygeneruje sa kľúč s plným prístupom k tejto stránke a odkaz na pripojenie sa skopíruje do schránky.
Vložte odkaz do asistenta. Pre Claude (claude.ai) - Nastavenia → Konektory → „Pridať vlastný konektor“; pre Claude Code - príkaz z okna pripojenia; pre ChatGPT - Režim pre vývojárov → MCP aplikácie → pridať server; pre Gemini - Nastavenia → Pripojené aplikácie → Pridať vlastnú aplikáciu (pre Gemini CLI - samostatný príkaz).
Skontrolované. Pošlite asistentovi správu typu: „Ste pripojení k mojej stránke. Ukážte mi, čo môžete robiť.“ Spustí nástroj a odpovie zoznamom možností.

Katalóg hotových príkazov je zabudovaný priamo v pripojení, takže nemusíte vymýšľať výzvy od začiatku.

Čo môžete zveriť asistentovi – a čo nie?

Pripojený asistent dostáva rovnaké nástroje ako vstavaný asistent s umelou inteligenciou v kancelárii:

Kategórie a produkty - tvorba, úprava, import, fotografia pomocou odkazu;
objednávky a ich stavy;
všetky nastavenia stránky a texty rozhrania;
dizajn - farby, písma, hlavička, vlastné CSS, štýl založený na referencii alebo snímke obrazovky;
štruktúra hlavnej stránky a stránok z blokov;
príspevky a štatistiky.

Asistent nemá prístup k tarifnému plánu, webovej adrese a doméne, platobným a botovským kľúčom ani k vymazaniu údajov – to zmierňuje hlavný strach z toho, „čo ak niečo nenávratne pokazia?“. Kľúč sa zobrazí raz pri vytvorení a možno ho vydať s obmedzenými právami (iba na čítanie alebo na čítanie a zápis pre konkrétne skupiny, ako napríklad katalóg alebo objednávky). Dá sa zrušiť jedným kliknutím v zozname pripojení, po čom asistent okamžite stratí prístup.

Ako to vyzerá v praxi: katalóg s 300 produktmi za pár minút

300 produktových kariet, ktorých manuálne vyplnenie by za normálnych okolností trvalo niekoľko dní, trvalo len pár minút rozhovoru s Claude v rámci autorovej súvisiacej služby, ktorá používa rovnaký princíp MCP ako 1001site. V jednom z projektov pre sieť predajcov pamiatok Claude analyzoval množstvo zdrojových 3D modelov, manuálne ich „rozrezal“ na 300 jednotlivých produktov a kategorizoval ich pomocou niekoľkých textových príkazov od autora. Autor opisuje výsledok takto:

„Technológia MCP radikálne mení riadenie predajne. Namiesto celodenného manuálneho vypĺňania kariet komunikujete s chatbotom, posielate fotografie a systém automaticky naplní predajňu.“
Z prípadovej štúdie „Katalóg 300 produktov za pár minút“, blog 1001site

Logika prepojenia a spolupráce s Claude cez MCP v 1001site je rovnaká - iba katalóg a produkty sú už vaše.

Potrebujem platený účet a koľko celý proces stojí?

Áno, s najväčšou pravdepodobnosťou. Pripojenie MCP je k dispozícii v rámci platených programov stránky („All Inclusive“ – 45 € mesačne, prvý mesiac s promo kódom – 25 €; bez skúšobnej doby). Účet na Claude, ChatGPT alebo Gemini je samostatný a váš: jeho podmienky, limity správ a náklady si stanovuje samotný poskytovateľ, nie 1001site. Porovnajte to so vstupnou cenou za vibe coding z vyššie uvedenej časti: tam cena začína na 20 USD len za predplatné Claude Code, bez hostingu. MCP nie je zadarmo, ale iba pridáva náklady na asistentský účet k už platenej webovej stránke – neexistuje žiadny samostatný účet za hosting a doménu.

Ktorú cestu by ste si mali zvoliť?

Ak vás zaujíma samotný proces programovania, potrebujete úplne prispôsobený produkt alebo vám vyhovuje gitovské a nasadzovacie metódy, oplatí sa použiť Vibe kóding s Claude Code, Lovable alebo Bolt, ktorý je pre túto prácu vhodným nástrojom. Ak potrebujete funkčnú webovú stránku pre svoju firmu bez druhej kariéry, je rozumnejšie vytvoriť ju pomocou hotového AI buildera a potom ju prepojiť s Claude, ChatGPT alebo Gemini cez MCP, keď ju chcete spravovať ústne. Druhý prístup začína výberom štýlu z katalógu 1001site: webová stránka je pripravená za 2 – 7 minút a MCP pripojenie je možné kedykoľvek pridať k existujúcemu výsledku.

Zdroje

Zdroje a referencie

Otázky a odpovede

Potrebujem platený účet Claude, ChatGPT alebo Gemini na pripojenie k MCP?

Áno, s najväčšou pravdepodobnosťou. Pripojenie MCP je k dispozícii v platených programoch stránky a váš účet na Claude, ChatGPT alebo Gemini je váš vlastný: jeho podmienky a limity stanovuje samotný poskytovateľ, nie 1001site.

Je bezpečné poskytnúť prístup k webovej stránke cez MCP pre chat s umelou inteligenciou?

Kľúč je platný iba pre jednu webovú stránku a iba s pridelenými oprávneniami. Asistent nemôže vymazať údaje, zmeniť plán ani doménu a kľúč je možné zrušiť jedným kliknutím v zozname pripojení.

Aký je rozdiel medzi MCP pripojením a Vibe kódovaním v Claude Code?

V kódovaní Vibe Claude píše kód webovej stránky od nuly, zatiaľ čo používateľ sa stará o hosting, doménu a údržbu. S pripojením MCP je webová stránka už vytvorená pomocou nástroja na tvorbu AI, zatiaľ čo Claude, ChatGPT alebo Gemini ju iba upravujú slovami – nevyžaduje sa žiadne kódovanie ani hosting.

Je možné prepojiť webovú stránku s viacerými asistentmi naraz?

Áno. Každé pripojenie vyžaduje samostatný kľúč: ak je potrebný ďalší asistent alebo zariadenie, je potrebné znova stlačiť tlačidlo „Pripojiť“.

Chcete takúto webovú stránku pre svoju firmu?

Vyberte si štýl z 1 000 vzoriek – agent s umelou inteligenciou vytvorí webovú stránku na základe vášho odkazu alebo popisu a naplní ju v priebehu niekoľkých minút, nie týždňov.

Zobraziť štýly