WebEditor.clickby IndigoStudio.cz EN Vyzkoušet v TestFlightuTestFlight

Ukažte na web. Řekněte, co změnit.

Webový editor, který z klepnutí na prvek a jedné věty složí přesné zadání pro vašeho agenta: se selektorem, styly, okolím a systémem, na kterém web běží.

Vyzkoušet v TestFlightu Rozšíření pro Chrome
Zaměřovačem označíte prvek přímo ve stránce a k němu řeknete nebo napíšete, co se s ním má stát.

Jedna věta. Zbytek se odečte ze stránky.

Nemusíte popisovat, který prvek máte na mysli, ani ho hledat ve zdrojovém kódu. Věta se předá přesně tak, jak jste ji řekli. Editor k ní přidá to, co vidí na stránce a agent ne. Co ze stránky nedokáže doložit, vynechá, protože nejistý údaj by agenta stál kolo navíc.

Ukázka. Skutečné hodnoty se odečtou z vykreslené stránky.
Poz.Co jde agentoviPříklad
1

Věta

Předá se přesně tak, jak jste ji řekli. Nikdo ji nepřekládá.

„zvětši nadpis“
2

Kotva a selektor

Najdou prvek i po překreslení stránky.

h1.hero-title
main > section:first-of-type h1
3

Platné styly

Jen ty, které na prvek opravdu platí.

font-size: 32px
font-weight: 600
line-height: 1.2
4

Okolí a rozměry

Sousedé, velikost a poloha v okně.

252 × 32 px, 136 px shora
nad p.lead
5

Výřez prvku

Obrázek přes sdílení a v zipu, přes MCP odkazem.

nadpis.png
6

Systém webu

Pokud ho lze ze stránky rozpoznat: WordPress, Shopify, Shoptet, Webflow, Wix.

WordPress 6.6

Od ukázání k hotové změně.

  1. Otevřete web

    V editoru na iPhonu, nebo v Chromu s rozšířením.

  2. Ukažte na prvek

    Zaměřovačem nebo prstem, přímo ve stránce.

  3. Řekněte, co změnit

    Napište nebo nadiktujte větu. Zadání přibude do seznamu.

  4. Předejte agentovi

    Schránkou, zipem, sdílením, nebo přes vzdálené MCP.

  5. Zkontrolujte

    Agent upraví zdrojový kód. Po obnovení stránky uvidíte výsledek.

Začněte adresou webu nahoře. Pak ukažte na prvek webu, vyberte ho a napište, co chcete změnit. Hotové zadání sdílejte, nebo stáhněte jako ZIP.
BAplikace — postup

Aplikace pro iPhone je prohlížeč s jádrem editoru přímo ve stránce: prvek vyberete prstem, větu nadiktujete. Přepis běží v telefonu a zvuk nikam neodchází.

V Chromu totéž dělá rozšíření: paletu vyvoláte ikonou nebo zkratkou ⌘⇧E, zaměřovačem vyberete prvek a Enter přidá zadání a zkopíruje celý seznam. Kolik zadání do seznamu přidáte, než ho předáte, je na vás.

Jedna adresa. Agent si zadání vyzvedne sám.

Schránka, zip a sdílení fungují bez nastavení a bez souhlasu. Zadání přitom neprochází naším serverem.

Pokud chcete zadání posílat agentovi přímo, zapněte v aplikaci v sekci Připojení odesílání a zkopírujte odtud adresu MCP. Tu stačí jednou vložit do klienta (Claude Code, Codex, Cursor, VS Code, Windsurf, Zed, Cline) a agent si zadání sám přečte i odškrtne.

Claude Codeclaude mcp add --transport http webeditor <adresa>
Codexcodex mcp add webeditor --url <adresa>
Cursor, VS Code a další{ "mcpServers": { "webeditor": { "type": "http", "url": "<adresa>" } } }

Adresa začíná https://mcp.webeditor.click/s/ a obsahuje klíč k vašemu seznamu. Je to tajemství, ne přihlášení. Nezakládá se žádný účet a nic dalšího se neinstaluje.

Vyberete prvek webu a řeknete, co změnit. Po zapnutí odesílání se zadání uloží do seznamu na vzdáleném MCP. Váš agent ho převezme, upraví a nasadí web. Změnu zkontrolujete po obnovení stránky.
CAplikace — odesílání přes MCP

Máte před sebou zadání s hlavičkou „Zadání z prohlížeče (WebEditor.click)“? Někdo ukázal na prvek stránky a řekl, co s ním změnit. Selektor, styly a okolí jsou odečtené z vykreslené stránky, ne ze zdrojového kódu. Ověřte si je v kódu.

Co editor nikdy nedělá.

  1. Nezapisuje do kódu a nepřipojuje se k žádnému repozitáři Git.
  2. Nemění stránku, na kterou se díváte. Jen ji čte.
  3. Nevolá žádný model — ten si platíte u svého agenta.
  4. Neodesílá nic sám od sebe. Obsah stránky zůstává ve vašem zařízení.
  5. Nehostuje ani nespravuje cizí weby.
Jediná cesta ven

Vede přes vzdálené MCP a zapínáte ji vy. Jde po ní jen to, co jste sami odeslali, hlavně věta, adresa stránky, to, co editor o prvku přečetl (kotva, styly, okolí), a výřez. Úplný výčet je v zásadách ochrany soukromí. Seznam uchováváme týden od poslední změny, pak se smaže. Vypnutím přepínače se smaže hned. Nečteme ho a nic se z něj neučíme.

Zásady ochrany soukromí

I v Chromu. Zatím ručně.

Pro Chrome a ostatní prohlížeče na Chromiu: Edge, Brave, Arc, Vivaldi. V obchodě s rozšířeními zatím není, proto se instaluje z rozbalené složky. Zabere to zhruba minutu.

Stáhnout rozšíření (.zip)
  1. Rozbalte zip do složky, kterou nebudete mazat ani přesouvat. Prohlížeč ji načítá při každém spuštění.
  2. Otevřete chrome://extensions, v Edgi edge://extensions, v Brave brave://extensions.
  3. Zapněte Režim pro vývojáře přepínačem vpravo nahoře.
  4. Klikněte na Načíst rozbalené a vyberte složku.
  5. Otevřete svůj web a paletu vyvolejte ikonou nebo ⌘⇧E (Ctrl+Shift+E).

Aktualizace: stáhněte zip znovu, přepište obsah složky a v chrome://extensions klikněte na Znovu načíst. Upozornění na režim pro vývojáře při spuštění prohlížeče k ruční instalaci patří. Zmizí, až bude rozšíření v obchodě.

Stáhněte si WebEditor.click.

Aplikace pro iPhone, iPad a Mac čeká na schválení v App Storu. Do té doby ji můžete vyzkoušet přes TestFlight. Rozšíření pro Chrome najdete tady na webu.

Vyzkoušet v TestFlightuRozšíření pro Chrome

Dotazy a připomínky posílejte na info@indigostudio.cz.