Vzal jsem HTML export z Lovable, otevřel Claude Code a za jeden den měl hotový kompletní WordPress theme s 11 custom bloky, 4 custom post typy a deployment pipeline. 83 souborů, 7 300+ řádků kódu. Bez AI agenta? Nemyslitelné.

Zadání

Potřeboval jsem pro ekologickou organizaci Stromy v krajině nový web. Původní stránky byly zastaralé a klient chtěl možnost sám spravovat obsah -- projekty, akce, tým, partnery a novinky. WordPress byl jasná volba.

Design jsem nechal vygenerovat v Lovable -- AI nástroji, který z textového popisu vytvoří kompletní React SPA. Výsledek vypadal skvěle: responzivní design, pěkná barevná paleta (lesní zelená + zlatá), Tailwind CSS, interaktivní komponenty. Jenže klient potřeboval WordPress, ne React aplikaci.

Krok 1: Analýza Lovable exportu

Lovable vygeneroval React/Vite SPA s desítkou komponent: HeroSection.tsx, AboutSection.tsx, AchievementsSection.tsx, stránky pro novinky, kontakt, fotogalerii. Celý design systém byl v Tailwindu s HSL proměnnými -- primary: 142 70% 25% (lesní zelená), accent: 47 96% 53% (zlatá).

Prvním krokem bylo nechat Claude Code důkladně prozkoumat celý React codebase -- každou komponentu, každý design token, každý breakpoint. AI agent si vytvořil kompletní mapu toho, co je potřeba převést.

Krok 2: WordPress theme za hodinu

Z analýzy React kódu Claude Code vygeneroval celou strukturu WordPress theme:

• 11 custom bloků -- Hero, Citát + O nás, Úspěchy, Kontaktní info, Kontaktní formulář, Fotogalerie, výpisy Projektů, Akcí, Týmu a Partnerů
• 4 custom post typy s českými popisky -- Projekty (se stavem, lokací, počtem stromů), Akce (s datem a časem), Tým (se sociálními sítěmi), Partneři (s logem)
• Tailwind pipeline přes Vite -- identické design tokeny jako v Lovable
• Custom Nav Walker třídy pro desktop i mobilní navigaci
• Vanilla JS lightbox s navigací šipkami

55 souborů, 5 000+ řádků -- vše v jednom commitu.

Krok 3: Pivot -- z ACF na Carbon Fields

Původní plán byl použít ACF (Advanced Custom Fields) pro bloky a metadata. Jenže ACF Free nemá:

• Repeater pole (potřeba pro seznamy položek)
• Gallery pole (potřeba pro fotogalerii)
• Options stránky (potřeba pro nastavení patičky)

ACF Pro stojí 199+ USD/rok. Místo toho jsem přešel na Carbon Fields -- open-source alternativu s plnou funkcionalitou přes Composer.

Migrace proběhla ještě ten samý den. Claude Code přepsal všech 11 bloků z ACF API na Carbon Fields API, změnil get_field() na carbon_get_the_post_meta() a přidal Docker Compose pro lokální vývoj. Nulové náklady na licence, 100% open-source.

Krok 4: Pixel-perfect doladění

Zbývalo doladit detaily, aby WordPress verze odpovídala Lovable designu:

• Stylování stránky Aktuality (blog) podle Lovable šablony
• Kontaktní formulář s validací místo placeholderu
• Editovatelná patička přes WordPress widget oblasti
• CTA tlačítko přesunuté z hardcoded hlavičky do WordPress menu systému
• Galerie s lightboxem a šipkovou navigací
• Editor styling -- bloky v Gutenbergu mají popisky a ohraničení

Krok 5: Deployment

Na závěr jsem přidal Deployer pipeline:

• Lokální build přes Vite (Tailwind + JS)
• rsync na produkční server s release management
• Zero-downtime deploy přes symlinky
• Content sync skripty (WP-CLI export/import + search-replace)
• Media sync přes rsync do sdíleného uploads adresáře

Časová osa

24 commitů za 2 dny. 83 souborů. 7 300+ řádků kódu.

Proč to bez Claude Code nejde

Tohle byl projekt, kde AI agent exceloval:

• Analýza codebase -- prozkoumal celý React export a pochopil design systém
• Generování struktury -- 55 souborů WordPress theme v jednom kroku
• Rychlý pivot -- migrace z ACF na Carbon Fields za hodinu místo dne
• Opakující se vzory -- controllery, template parts, CPT registrace, block definice
• Tailwind konverze -- přenos design tokenů z React do WordPress 1:1

Klíčová rozhodnutí (architektura, Carbon Fields vs ACF, deployment strategie) vyžadovala lidský úsudek. Ale exekuce? Tu AI agent zrychlil 5-10x.

Jeden člověk + Claude Code = kompletní WordPress theme za den. To je budoucnost vývoje.