Claude a automatizace prohlížeče v roce 2026: MCP, Computer Use a Playwright

Představte si, že Claude může přímo ovládat váš prohlížeč — klikat, psát, navigovat mezi stránkami, vyplňovat formuláře. V roce 2026 to není experimentální funkce, ale každodenní realita pro tisíce vývojářů a profesionálů.

Od prvních testů s Browser MCP se ekosystém dramaticky rozrostl. Dnes máte na výběr ze tří zásadně odlišných přístupů, jak Claude propojit s prohlížečem. Každý se hodí na jiný typ úkolů a jiný typ uživatele. Pokud chcete nejrychlejší vstup bez MCP konfigurace, mrkněte i na samostatný návod Claude for Chrome, kde je instalace, cena Pro i konkrétní workflow. V tomto průvodci si je všechny projdeme, porovnáme a ukážeme si praktické příklady.

Tři způsoby, jak Claude ovládá prohlížeč

1. MCP servery (Puppeteer, Playwright, Browser MCP)

Model Context Protocol (MCP) umožňuje Claude komunikovat s externími nástroji přes standardizované rozhraní. Pro automatizaci prohlížeče existuje několik MCP serverů:

Puppeteer MCP — nejrozšířenější řešení pro Claude Desktop. Umožňuje navigaci na URL, klikání na elementy, vyplňování formulářů, pořizování screenshotů a spouštění JavaScriptu v reálném prohlížeči.

Playwright MCP — pokročilejší alternativa s podporou více prohlížečů (Chrome, Firefox, Safari). Ideální pro testování a cross-browser automatizaci. V roce 2026 vydal Microsoft aktualizovanou verzi Playwright MCP s výrazně lepší stabilitou a podporou pro Claude Sonnet 4.6.

Chrome DevTools MCP — nový přístup od Chrome DevTools týmu. Claude získá přímý přístup k Chrome DevTools, což umožňuje nejen automatizaci, ale i debugging, performance analýzu a inspekci elementů.

Browser MCP — obecný server, který propojí AI aplikace s vaším prohlížečem pro automatizaci běžných úkolů.

2. Claude Computer Use

Od začátku roku 2026 je Claude Computer Use dostupný jako stabilní funkce v Claude API (ne jen research preview). Claude doslova vidí vaši obrazovku, rozpoznává, co na ní je, a posílá příkazy myši a klávesnice.

Na rozdíl od MCP serverů, kde Claude komunikuje přes API, tady Claude skutečně vidí obrazovku jako vy. To znamená, že umí pracovat s jakoukoliv aplikací — nejen s prohlížečem.

Výhody Computer Use:

• Funguje s libovolnou aplikací, nejen prohlížečem
• Nevyžaduje žádné technické nastavení na straně automatizovaného systému
• Umí pracovat s vizuálními elementy, které nemají API
• V roce 2026 dostupné na macOS, Windows i Linux

Omezení:

• Pomalejší než MCP (musí rozpoznávat obrazovku)
• Vyšší spotřeba tokenů (zpracování screenshotů)
• Méně vhodné pro headless/serverové prostředí

Computer Use z terminálu: Claude Code krok za krokem

Pokud pracujete s Claude Code v terminálu, Computer Use má vlastní nastavení, které stojí za samostatný postup — povede vás k prvnímu workflow do 15 minut.

Krok 1: Ověřte verzi a přístup. Computer Use vyžaduje aktuální verzi Claude Code a přístup k modelu, který tuto schopnost podporuje. Spusťte:

claude --version

Případně aktualizujte a ujistěte se, že máte platný API klíč a že jste v adresáři projektu, se kterým chcete pracovat.

Krok 2: Povolte oprávnění systému. Na macOS budete muset Claude Code povolit Screen Recording a Accessibility. Bez toho nevidí obsah obrazovky a nemůže simulovat klikání. Systém se vás zeptá při prvním pokusu, ale nastavte si to dopředu v System Settings → Privacy & Security.

Krok 3: Nainstalujte computer-use MCP server. Nejjednodušší cesta je přes MCP. Přidejte do .mcp.json v projektu (nebo konfigurace Claude Desktop):

{
  "mcpServers": {
    "computer-use": {
      "command": "npx",
      "args": ["-y", "@anthropic-ai/mcp-computer-use"]
    }
  }
}

Po restartu uvidíte nové nástroje pro ovládání obrazovky.

Krok 4: Popište úkol konkrétně. Největší chyba je příliš obecný prompt. Místo „zkontroluj web" napište:

„Otevři https://example.com v prohlížeči, klikni na Pricing, najdi cenu Pro plánu a vrať mi ji jako JSON s klíči plan a price. Po každém kroku počkej, až se stránka načte."

Čím konkrétnější instrukce, tím méně iterací budete potřebovat.

Krok 5: Kontrolujte a iterujte. První běh často selže na neočekávaném dialogu, pomalém načítání nebo změněné pozici tlačítka. Screenshoty po každém kroku vám ukážou, kde se to zadrhlo. Pomáhá přidat instrukce jako „pokud se objeví cookies banner, zavři ho" nebo „počkej 2 sekundy po každém kliknutí".

Kdy Computer Use použít a kdy sáhnout jinam

Pokud úkol potřebujete spouštět pravidelně a spolehlivě, Computer Use pomůže ověřit představu — následně ale často dává smysl přepsat ho do klasického kódu, Playwright skriptu nebo nástroje jako Zapier, n8n či Make.

Silná stránka terminálové varianty je propojení celého řetězce v jednom běhu: Claude načte data z webu, upraví kód v projektu, spustí testy v terminálu, ověří výsledek v prohlížeči a odešle report do Slacku nebo na Telegram. Pro malé týmy a solopreneury to znamená, že nemusíte skládat deset nástrojů — stačí jeden agent, který vidí kód, terminál i obrazovku.

3. Claude in Chrome (stabilní verze)

Nejnovější přístup: Claude Code se integruje přímo s rozšířením Claude in Chrome. Claude vidí, co máte otevřené v prohlížeči, a automaticky sdílí váš login stav — takže přistupuje ke stránkám, ke kterým jste přihlášeni.

To je ideální pro testování webových aplikací — Claude může otevřít váš web, proklikat se user flow a reportovat problémy, aniž byste museli nastavovat credentials.

Novinka v Q1 2026: Claude in Chrome nyní podporuje i sdílení konzole — Claude vidí JavaScript chyby v reálném čase a může je okamžitě opravovat v kódu.

Praktický setup: Puppeteer MCP za 5 minut

Nejrychlejší cesta k automatizaci prohlížeče je Puppeteer MCP. Zde je postup:

Krok 1: Konfigurace Claude Desktop

Otevřete nastavení Claude Desktop a přidejte MCP server do konfiguračního souboru:

{
  "mcpServers": {
    "puppeteer": {
      "command": "npx",
      "args": ["-y", "@anthropics/mcp-server-puppeteer"]
    }
  }
}

Krok 2: Restart Claude Desktop

Restartujte aplikaci. V rozhraní by se měl objevit indikátor připojeného MCP serveru.

Krok 3: Testovací prompt

Napište Claude: „Otevři stránku example.com a udělej screenshot."

Pokud vše funguje, Claude otevře prohlížeč, naviguje na stránku a vrátí vám screenshot.

Praktický setup: Playwright MCP v Claude Code

Pokud pracujete s Claude Code v terminálu, je Playwright MCP na instalaci ještě rychlejší než Puppeteer. Jedním příkazem přidáte oficiální Microsoft server:

claude mcp add playwright -- npx @playwright/mcp@latest

Co se stane: stáhne se balíček Playwright MCP, nainstaluje se prohlížeč Chromium (pokud ho nemáte) a server se zaregistruje v konfiguraci Claude Code. Požadavky: Node.js 20+ (moderní fetch API) a nainstalovaný Claude Code (npm install -g @anthropic-ai/claude-code).

Ověření je jednoduché — v terminálu spusťte Claude Code a zadejte /mcp. V seznamu aktivních serverů by měl svítit playwright. Pak už stačí úkol popsat přirozenou větou:

„Otevři naši staging aplikaci, přihlaš se jako testovací uživatel, projdi proces objednávky až k potvrzení a vyfoť každý krok. Pokud narazíš na chybu, zapiš URL a chybovou hlášku."

Claude spustí prohlížeč, provede celý flow, pořídí screenshoty a vrátí strukturované výsledky — včetně vizuálního důkazu ve chvíli, kdy něco selže.

Headless vs. headful režim

Playwright MCP běží ve výchozím stavu headless (bez viditelného okna). Pokud chcete při ladění nového scénáře sledovat, co Claude dělá, spusťte ho v headful režimu:

HEADFUL=1 claude

Ukládání session a cookies

Pro opakované úkoly (například pravidelný monitoring cen konkurence) se vyplatí ukládat cookies a local storage. Opakované scénáře pak běží rychleji, protože se nemusíte znovu přihlašovat.

Kombinace s dalšími MCP servery

Největší síla Playwright MCP se ukáže až v kombinaci s dalšími servery:

• Git MCP — Claude najde bug v produkci, vyfotí ho, vygeneruje fix a rovnou otevře pull request
• Docker MCP — nastartuje izolované testovací prostředí, v něm aplikaci otestuje a vyfotí výsledky
• n8n MCP — po úspěšném testu spustí workflow, které pošle notifikaci týmu do Slacku

Bezpečnostní poznámka k Playwright MCP

Kromě obecných best practices níže platí pro Playwright MCP scénáře jedno zlaté pravidlo: před spuštěním si vždy nechte vypsat plán akcí, které Claude hodlá provést. Pokud uvidíte něco podezřelého (například návštěvu neznámé domény), okamžitě zasáhněte. Pro produkční testy používejte výhradně dedikované testovací účty s minimálními právy a ideálně izolované prostředí (Docker kontejner).

Praktické příklady automatizace

Web scraping a monitoring konkurence

Claude + Puppeteer MCP umí systematicky sledovat webové stránky a reportovat změny. Představte si, že máte e-shop a chcete monitorovat ceny konkurence:

Příklad promptu: „Otevři stránku konkurent.cz/kategorie/notebooky, projdi prvních 20 produktů a zapiš název, cenu a dostupnost do tabulky."

Claude otevře stránku, systematicky projde produkty, extrahuje data a vytvoří přehlednou tabulku. Co by vám zabralo hodinu manuální práce, zvládne za 5 minut.

Další příklady monitoringu:

• Sledování dostupnosti produktů — automatická kontrola skladových zásob u dodavatelů
• News monitoring — sběr článků z vybraných zdrojů a vytvoření denního přehledu
• SEO monitoring — kontrola pozic v SERP pro vaše klíčová slova
• Monitoring recenzí — sběr nových recenzí na Google, Heureka nebo Firmy.cz

Testování webových aplikací

S Playwright MCP nebo Claude in Chrome můžete automatizovat QA testování. Claude projde celý user flow vaší aplikace jako reálný uživatel:

1. Otevře registrační formulář a vyplní testovací data
2. Projde proces nákupu od košíku po platbu
3. Zkontroluje, že se všechny stránky načítají správně
4. Identifikuje vizuální problémy, nefunkční odkazy a chybové stavy
5. Vytvoří detailní report s screenshoty problémů
6. Navrhne opravy přímo v kódu

Pro vývojářské týmy je to transformativní — Claude funguje jako neúnavný QA tester, který může testovat po každém deployi.

Automatizace formulářů a administrativy

Mnohé firemní systémy nemají API, ale mají webové rozhraní. Claude toto rozhraní ovládá stejně jako vy:

• Hromadné vyplňování formulářů z CSV dat — například registrace zákazníků do systému
• Automatické odesílání reportů přes webové rozhraní ERP nebo CRM systémů
• Správa účtů na platformách, které nabízí pouze webový přístup
• Export dat z webových aplikací, které nepodporují hromadný export
• Aktualizace ceníků na e-shopech bez API

Sociální sítě a obsahový marketing

• Analýza engagement — Claude projde vaše příspěvky a vytvoří report s metrikami
• Monitoring zmínek — sledování, kde se o vás mluví
• Competitive analysis — sběr dat o konkurenčních profilech a strategiích
• Content research — sběr inspirace z úspěšných příspěvků ve vašem oboru

Nové možnosti v roce 2026: Co se změnilo

Ekosystém pro automatizaci prohlížeče se za poslední rok výrazně posunul. Zde jsou klíčové novinky:

Playwright MCP: stabilnější a výkonnější

Microsoft vydal Playwright MCP verzi 2.x s několika zásadními vylepšeními:

• Lepší error recovery — agent se dokáže zotavit z chyb bez ztráty kontextu
• Paralelní akce — Claude může spouštět akce ve více záložkách současně
• Vylepšená práce s Shadow DOM — lepší podpora pro moderní webové aplikace (React, Vue, Angular komponenty)
• Nativní podpora pro PDF — Claude může generovat PDF z libovolné stránky

Computer Use API (stabilní)

Computer Use přešlo z research preview do stabilního API. Klíčové změny:

• Snížené náklady (o cca 40 % oproti preview verzi)
• Podpora pro Windows a Linux (dříve jen macOS)
• Nový screenshot diff mód — Claude posílá jen změny obrazovky, ne celý screenshot, výrazně snižuje spotřebu tokenů
• Podpora pro multi-monitor setup

Agent-to-browser protokoly

V roce 2026 se formuje nový trend: standardizace protokolů pro AI agenty a prohlížeče. Google Chrome přidal experimentální podporu pro Agent Mode API — native prohlížečové rozhraní optimalizované pro AI agenty. To slibuje výrazně rychlejší a spolehlivější automatizaci než současné Puppeteer/Playwright přístupy.

Integrované workflow s Claude Code

Claude Code v aktuální verzi (2.x) podporuje přímou integraci s prohlížečem bez nutnosti extra konfigurace. Stačí spustit claude --browser a Claude automaticky otevře instanci Chromia přes Playwright.

Srovnání přístupů: Co zvolit

Doporučení:

• Pro vývojáře a technické uživatele → MCP (Puppeteer nebo Playwright)
• Pro běžné uživatele → Claude in Chrome nebo Computer Use
• Pro CI/CD a automatizaci → Playwright MCP v headless módu
• Pro QA testování → Claude in Chrome (sdílí login stav)
• Pro desktopové aplikace → Computer Use (jediná možnost)

Bezpečnost a limity

Co řešit

Přístup k datům: MCP servery a Computer Use mají přístup k vašemu prohlížeči a potenciálně k citlivým datům. Používejte oddělený prohlížečový profil pro automatizaci.

Terms of Service: Automatizace na sociálních sítích a některých platformách může porušovat jejich podmínky použití. Ujistěte se, že vaše automatizace jsou v souladu s pravidly platformy.

Rate limiting: Příliš rychlá automatizace může spustit bezpečnostní mechanismy webových stránek. Claude by měl pracovat rozumnou rychlostí.

CAPTCHA a 2FA: Automatizace nezvládne vyřešit CAPTCHA nebo dvoufaktorové ověření. Pro tyto případy budete muset zasáhnout manuálně.

Best practices

1. Oddělený profil — vytvořte dedikovaný prohlížečový profil pro automatizaci
2. Testujte na staging — novou automatizaci vždy nejdřív testujte na testovacím prostředí
3. Logování — zaznamenávejte, co Claude dělá, abyste mohli auditovat akce
4. Limity — nastavte maximální počet akcí, které Claude může vykonat bez potvrzení
5. Citlivá data — nepoužívejte automatizaci pro stránky s bankovními nebo zdravotními údaji

Kolik to stojí v roce 2026

Prohlížečová automatizace s Claude má dva nákladové faktory:

API tokeny: Každá akce (kliknutí, navigace, screenshot) spotřebuje tokeny. Aktuální ceny Claude Sonnet 4.6 jsou $3 / 1M input tokenů a $15 / 1M output tokenů. Typický 10minutový automatizační běh stojí přibližně $0,03-0,15 v závislosti na složitosti. Měsíčně při denním používání počítejte s $1-5.

Infrastructure: MCP servery běží lokálně a jsou zdarma. Computer Use je součástí Claude API (platíte jen za tokeny). Playwright MCP v CI/CD vyžaduje runner (GitHub Actions free tier stačí pro většinu případů).

Srovnání s alternativami: