Claude a protokol MCP: Jak postavit web přímo na serveru

Umělá inteligence zvládá v dnešním digitálním prostředí většinu běžných úkolů. Napíše e-mail, analyzuje dokumenty nebo naplánuje schůzku. Nově však dokáže řešit i pokročilé technické úkoly, jako je například správa serveru.

Tuto integraci umožňuje otevřený protokol MCP (Model Context Protocol). Jeho prostřednictvím může váš LLM model nebo autonomní agent přistupovat přímo k serverům, doménám a záznamům DNS. V Zákaznickém portálu Váš Hosting je tento protokol plně k dispozici.

V tomto průvodci si ukážeme jeden konkrétní scénář: jak s využitím modelu Claude a vlastního VPS vytvořit funkční landing page přímo na serveru. Celý proces se obejde bez klikání v administraci, správy FTP či ručního nasazování dat. Stačí jen napsat, co chcete.

Dostanete i konkrétní prompty, které si zkopírujete a upravíte na svůj server. A jak to celé vypadá naživo, se podívejte ve videu.

Co se naučíte:

• Co je protokol MCP a jak bezpečně propojí umělou inteligenci s vaším serverem, doménami a DNS.
• Jak Claudovi zadat stavbu landing page, přímo na vašem VPS krok za krokem.
• Konkrétní prompty, které si stačí zkopírovat a přizpůsobit.
• Jak modelu vnutit jednotný vizuální styl přes specifikaci Design.md, aby výsledek nevypadal jako generická AI šablona.
• Rychlost bez mezikroků – hotová stránka žije na vašem serveru okamžitě.

Co je MCP a proč by vás mělo zajímat

MCP, tedy Model Context Protocol, je standard, který dává vašemu jazykovému modelu ruce. LLM samo o sobě jen generuje text. Jakmile ho ale přes MCP propojíte se serverem, dokáže reálně sahat na věci, které jste do té doby řešili ručně v administraci nebo přes příkazovou řádku:

• vytvoří soubor na serveru,
• založí doménu,
• upraví DNS záznam,
• nasadí stránku online.

Proces, který dříve vyžadoval konfiguraci v několika různých rozhraních, se tak mění v zadání v rámci pár vět.

Pro vývojáře a systémové administrátory spočívá hlavní přínos v unifikované vrstvě mezi modelem a infrastrukturou. MCP server funguje jako bezpečný prostředník, který vykonává instrukce zadané autonomním agentem. Odpadá tak nutnost vyvíjet vlastní integrace nebo implementovat API pro každý nástroj zvlášť. Protokol je jednotný, takže agent s ním pracuje stejným způsobem, bez ohledu na to, zda využíváte modely Claude, Gemini nebo jiné řešení.

Pokud potřebujete obecnější úvod do toho, co MCP server je a jak se s ním pracuje, máme k tomu samostatné video. Tenhle text i navazující ukázka počítají s tím, že základ už máte a chcete vidět konkrétní výsledek.

Use case: landing page přímo na vašem VPS

Teorie je hezká, ale nejlíp se to ukáže na něčem hmatatelném. Vezměte vlastní VPS, doménu, na které zatím visí jen prázdná „coming soon“ stránka, a Clauda propojeného přes MCP. 

Co je cílem: postavit funkční landing page, která prodává vlastní server. A celé to udělat jen psaním promptů, bez ručního zásahu do kódu. Defakto vás od cíle dělí tři drobné kroky. 

Jdeme na to.

Krok 1: nechte Clauda postavit základ

Začněte tím, že si připravíte jednoduchou stránku se seznamem dvaceti důvodů, proč mít vlastní server. Claudeovi řeknete, na kterém serveru a doméně má pracovat, a zadáte obsah. Prompt může vypadat takhle:

Na serveru [váš-server] najdi doménu [vaše-doména] a vytvoř na ní jednoduchou stránku se seznamem 20 odrážek, proč je dobré mít vlastní server.

Po prvním zatočení Claudeovým kolem štěstí dostanete živou stránku. Bude mít nijaký vizuální styl, nejspíš dost fialový a designově rozpačitý, ale funguje a obsah na ní je. Z prázdné „coming soon“ jste se jednou větou dostali na stránku s dvaceti argumenty. Jak ten první výsledek vypadá, uvidíte ve videu.

VPS Centrum

Vyzkoušejte zdarma naši aplikaci pro správu serveru a domén. Budete si připadat jako zkušený administrátor.

Krok 2: rozpracujte sekce a doplňte claimy

Dvacet bodů v jednom seznamu není landing page, je to odrážkový výčet. Druhým promptem proto necháte Clauda každý bod rozpracovat do samostatné sekce, vizuálně je od sebe odlišit a doplnit claim, proč je daná vlastnost dobrá. Tedy ne jen „máte root přístup“, ale i to, co vám to reálně přináší. Rovnou přidáte i výzvu k akci:

Rozpracuj každou odrážku do samostatné sekce, vizuálně je od sebe odliš a ke každé doplň claim, proč je ta vlastnost užitečná. Na konec přidej odkaz na vyzkoušení vlastního serveru u Váš Hosting na 7 dní zdarma.

Výsledkem je stránka s barevně oddělenými sekcemi, kde každá vysvětluje, proč je ta věc zajímavá, a na konci láká na bezplatné vyzkoušení. Obsahově už dává smysl. Zůstává jeden problém, a tím je vzhled.

Krok 3: nasaďte jednotný design přes Design.md

Claude od začátku design moc kreativně neumí. Dvacet sekcí, dvacet různých barev, vizuální chaos. Tady se ale dá pomoct elegantně.

Google nedávno vydal specifikaci Design.md. Je to jednoduchý textový popis toho, jak má stránka vypadat: velikosti písma, typy fontů, odsazení a další pravidla. Místo abyste design vymýšleli od ruky nebo doufali, že to model trefí, dáte mu hotovou šablonu jako kontext.

Předpřipravených Design.md souborů najdete na internetu spoustu, nebo můžete rovnou požádat Clauda, ať vám nějaký vyrobí. V sekci Education si vyberete třeba styl Moleskine UI, odscrollujete k souboru a zkopírujete ho. Pak ho vložíte Claudeovi s instrukcí, ať ho aplikuje na celou stránku:

Na celou stránku aplikuj tento designový formát: [sem vložte obsah Design.md].

Výsledek je jiná liga. Claude sám rozhodne, že dvacet barev musí pryč a stránka půjde do jednotného designu. Sekce dostanou čísla v kolečku, vzhled odpovídá pravidlům z Design.md a na konci zůstává jasná výzva k akci: vyzkoušejte si svůj server na 7 dní. Z generické fialové stránky se stane konzistentní landing page. Srovnání předtím a potom najdete ve videu.

Proč je tohle zajímavé

Nejde o to, že by AI uměla udělat web. To umí kdejaký nástroj. Jde o ten celý pracovní postup. Celý cyklus od prázdné domény po hotovou stránku proběhne bez jediného přepnutí do editoru, bez FTP klienta, bez ručního deploye. Vy zadáváte záměr, MCP server vykonává.

Pro tým, který spravuje víc projektů, to mění ekonomiku drobných úkolů. Rychlá landing page na kampaň, jednoduchá podstránka, úprava obsahu. Věci, které dřív znamenaly otevřít projekt, něco doklikat a nahrát, teď zvládnete jednoduchou konverzací. A protože MCP sahá i na domény a DNS, nezůstává to jen u souborů na disku.

Druhá věc je nezávislost na konkrétním modelu. MCP je protokol, ne produkt jednoho dodavatele. Dnes používáte Clauda, zítra Gemini, pozítří něco, co ještě neexistuje. Vaše infrastruktura zůstává stejná, mění se jen agent, který s ní mluví. To je z pohledu dlouhodobé údržby příjemné. Nezamykáte se.

Freelo - Nástroj na řízení úkolů a projektů

Přidej se, pozvi svůj tým a klienty, rozděl práci a sleduj, jak se úkoly dají do pohybu.

Na co si dát pozor

Aby to nevyznělo jako prodejní pohádka. Výchozí design AI je pořád slabina, kterou si musíte ošéfovat sami, ať už přes Design.md, nebo vlastní pravidla. Bez toho sice získáte funkční kód, ale esteticky fádní web.

Stejně tak pamatujte, že agent dělá přesně to, co mu řeknete. U zásahů do produkčního serveru se proto vyplatí vědět, co zrovna povolujete. MCP vám dává velkou sílu a je dobré s ní zacházet vědomě. Pro ostré nasazení proto dává smysl si celý postup nejdřív osahat na testovacím VPS.

Jak si to vyzkoušet

Díky MCP a vašemu agentovi máte celý vývoj webu pod palcem. Nepotřebujete k tomu nic speciálního, stačí vlastní VPS, kde MCP aktivujete, a libovolný LLM, který tento protokol podporuje.

Často kladené dotazy

Co je MCP server?

MCP (Model Context Protocol) je protokol, který propojí váš LLM nebo agentní nástroj přímo s infrastrukturou. Díky němu model neumí jen generovat text, ale reálně ovládat servery, domény a DNS.

Potřebuju umět programovat, abych si přes MCP postavil stránku?

Základní orientace v serverech pomůže, ale celý postup probíhá psaním promptů v přirozeném jazyce. Stránku ve videu stavíme bez ručního psaní kódu.

Funguje MCP jen s Claudem?

Ne. MCP je otevřený protokol. Funguje s Claudem, Gemini, modely OpenAI i dalšími agenty, které ho podporují. Vaše infrastruktura zůstává stejná, měníte jen agenta.

Co je Design.md a proč ho potřebuju?

Design.md je specifikace od Googlu, textový popis vzhledu stránky (písma, velikosti, odsazení). Slouží jako šablona, kterou dáte modelu jako kontext, aby výsledek nevypadal jako generická AI stránka.

Vznikne stránka opravdu na mém serveru?

Ano. Claude přes MCP sahá přímo na váš VPS a soubory tvoří rovnou tam. Ve chvíli, kdy dopíše, je stránka živá, žádný mezikrok s nahráváním.

Kde si to můžu vyzkoušet?

Na vlastním VPS u Váš Hosting, který si otestujete na 7 dní zdarma.