Redesign webu z vany přes mobil – Claude Code remote control

Páteční večer, vana, mobil v ruce. Normálně bych hrál online šachy. Místo toho jsem předělal celý design svojgr.com – včetně mobilní verze, kterou právě teď čtete.

Jak to funguje

Claude Code od Anthropicu má funkci remote control – na počítači běží Claude v terminálu a přes mobil mu posílám instrukce. Stačí naskenovat QR kód a otevře se webové rozhraní, přes které komunikuju s Claude, který má přístup k serveru.

Workflow vypadal takhle:

1. Na počítači spuštěný Claude Code připojený přes SSH na server
2. Na mobilu otevřený remote control – zadávám příkazy v češtině
3. Claude edituje soubory přímo na produkci, já kontroluju výsledek v prohlížeči na mobilu

Co jsem udělal

Celý redesign coogee theme – z roku 2011, fixní šířka 960px, žádný responsive:

Nový design:

• Flexbox layout místo floatů
• Responsive breakpointy na 900px a 640px
• Moderní fonty (Inter, JetBrains Mono pro kód)
• Tmavé code bloky s horizontálním scrollem
• Posty jako bílé karty se stíny
• Sticky header a sidebar na desktopu
• Komentářový formulář s labels nad inputy

Opravené bugy v šabloně:

• Duplicitní </div> v single.php – sidebar vypadával z containeru
• Chybějící viewport meta tag
• XHTML doctype nahrazen HTML5

Příkazy které jsem zadával

Celá konverzace probíhala přirozeně. Ukázky:

"web svojgr.com. uprav grafiku, zlepsi mobilni verzi"
"detail clanku na mobilu je spatne"
"dolad to jeste, ale uz to vypada super"

Claude sám:

• Připojil se na server přes SSH
• Přečetl všechny soubory šablony
• Otevřel web v headless prohlížeči a udělal screenshoty
• Napsal kompletní nový CSS
• Opravil PHP šablony
• Ověřil výsledek na mobile i desktopu

Celé to trvalo asi 30 minut. Klasicky bych na tohle potřeboval sedět u počítače celý večer.

Remote control – setup

V Claude Code stačí zadat:

/remote-control

Zobrazí se QR kód. Naskenujete mobilem, otevře se webové rozhraní. Funguje to přes tunel – nepotřebujete být ve stejné síti. Mobilní rozhraní je jednoduché – textové pole pro příkazy a výstup z Claude.

Co se mi osvědčilo

• Krátké příkazy v češtině – Claude rozumí kontextu, nemusím psát eseje
• Kontrola v prohlížeči na mobilu – okamžitě vidím výsledek responsive změn přímo na zařízení, pro které optimalizuju
• Iterativní přístup – „tohle je špatně” → Claude opraví → kontrola → „super, pokračuj”
• Neřešit syntax – místo psaní CSS na mobilu (což je peklo) prostě řeknu co chci a Claude to napíše

Limity

Není to dokonalé. Občas je potřeba být specifičtější – „detail článku na mobilu špatně” je dost vágní a Claude musel nejdřív zjistit co přesně je špatně. Taky jsem narazil na to, že prohlížeč cachoval staré CSS a Claude musel přidat cache-busting.

Ale celkově – předělat web z vany přes mobil za půl hodiny? To je budoucnost, která je tady teď.