Vzal jsem HTML export z Lovable, otevřel Claude Code a za den měl kompletní WordPress theme -- 11 custom bloků, 4 custom post typy, deployment pipeline. 83 souborů, přes 7 300 řádků kódu. Bez AI agenta? To by trvalo týden minimálně.

Zadání

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

Design jsem nechal vygenerovat v Lovable -- AI nástroj, 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 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 prozkoumat celý React codebase -- každou komponentu, každý design token, každý breakpoint. Vytvořil si 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:

• 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 (stav, lokace, počet stromů), Akce (datum a čas), Tým (sociální sítě), Partneři (logo)
• Tailwind pipeline přes Vite -- identické design tokeny jako v Lovable
• Custom Nav Walker pro desktop i mobilní navigaci
• Vanilla JS lightbox s navigací šipkami

55 souborů, přes 5 000 řádků -- v jednom commitu.

Krok 3: Pivot -- z ACF na Carbon Fields

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

• Repeater pole (seznamy položek)
• Gallery pole (fotogalerie)
• Options stránky (nastavení patičky)

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

Migrace proběhla ještě ten den. Claude Code přepsal všech 11 bloků z ACF API na Carbon Fields API, vyměnil get_field() za 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: Doladění detailů

Zbývalo dotáhnout detaily, aby WordPress verze odpovídala Lovable designu:

• Stylování stránky Aktuality 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
• Galerie s lightboxem a šipkovou navigací
• Editor styling -- bloky v Gutenbergu mají popisky a ohraničení

Krok 5: Deployment

Na závěr 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ů 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 tu samotnou exekuci? AI agent zrychlil tak 5-10x.

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