Magicweb v2: Ein Theme-Relaunch mit OpenCode

Magicweb v2 ist live. Kein Rebranding, kein Framework-Wechsel, sondern ein Relaunch mitten im Betrieb: agentic Coding im eigenen Repository, Context Engineering statt Copy-paste, und ein Theme, das seine Identität behält. Gelb, Streifen, Roboter – nur eben von 2026.

Das Setup: Agent, Skills, MCP

OpenCode läuft direkt im Repo, liest den Bestand, editiert Dateien und prüft das Ergebnis. Dazu zwei WordPress-Instanzen über den MCP-Adapter: wp-test lokal in Docker, wp-live als Produktion. Das ist der eigentliche Gamechanger – der Agent arbeitet nicht auf einem Whiteboard, sondern im echten System. Erst testen, dann ausrollen, ohne Deploy-Roulette.

Die Skills sind keine Magie, sondern codifizierte Konventionen. Sie geben dem Workflow eine Reihenfolge: erst prüfen, dann ändern, dann verifizieren. Genau das fehlt, wenn man einen Agenten ohne Kontext auf eine 1.700-Zeilen-style.css loslässt.

Die Skills als Guardrails

• impeccable – Design-Critique plus Polish. Baseline: 18 von 32 Punkten, zwei P1. Konkrete Findings statt Bauchgefühl, danach gezielte Reparatur an der engsten Stelle.
• ui-ux-pro-max – Style-, Palette- und Typo-Referenz. Hält Gelb als Signal und nicht als Fläche.
• wordpress-router – klassifiziert das Repo als klassisches Theme und wählt den passenden Workflow.
• wp-block-themes und wp-plugin-development – Theme- und Plugin-Konventionen, inklusive Live-Cleanup auf sieben aktive Plugins.
• wp-rest-api – Seiten, Beiträge und Einstellungen per API statt Klickorgie.
• wp-abilities-api – die Abilities hinter dem MCP-Adapter, also die Schnittstelle zum CMS.

Der Relaunch in Zahlen

• Landingpage mit Hero, drei Projekten, Blog und Kontakt statt nur „neuester Beitrag“.
• Pill-Nav mit gelbem Aktiv-Punkt und Fit-basiertem Burger – zwischen 800 und 900 px bricht nichts um.
• Lightfall in Header und Footer, im Footer mit data-curve="-0.9" zur Mitte laufend, reduced-motion-safe.
• Sticker-Peel-Logo, und das Logo ist kein h1 mehr – den bekommt die Seite.
• Projektkarten mit 16:9-Bild, Kunde und Art statt „0 Kommentare“.
• 62 Zeichen pro Zeile, Zeilenhöhe 1,6, text-wrap: pretty und balance.
• Kontrast von #999 auf #6b6b6b, Copyright von 10 auf 12 px, sichtbare Fokusringe.
• Design-Tokens, Version 2.3.0, 17 Dateien, rund 950 Zeilen Änderungen. Alles live, alles getaggt.

Der wichtigste Call war keiner im CSS: Die Startseite sagt jetzt nach drei Sekunden, wer hier arbeitet und was er macht. Vorher stand da nur der neueste Blogbeitrag neben einem Roboter.

Human in the loop

Der Detektor meldete 56 Findings – einige davon waren die Marke selbst. „Repeating-gradient stripes“ ist kein Bug, das sind die Warnstreifen seit 2011. Ein Agent, der jedes Finding brav abarbeitet, optimiert das Theme zu Tode. Deshalb: Der Agent liefert Optionen, der Mensch entscheidet.

Die andere Richtung ist genauso wichtig: Manches sah im Code sauber aus und brach erst im Browser. Die Navigation zwischen 800 und 900 px war so ein Fall. Die Lösung war messen, nicht ein weiterer Breakpoint auf Verdacht.

Gleiches Prinzip bei den Rechten: wp-live läuft über einen eigenen Benutzer, nicht über den Hauptadmin. Least Privilege ist auch beim Agenten keine Nebensache.

Fazit

V2 ist kein neues Theme, sondern ein Upgrade der eigenen Handschrift. Der Agent hat die Identität nicht ersetzt, sondern die Umsetzung beschleunigt. Rund 950 Zeilen später: gleiche Streifen, bessere Lesbarkeit, sauberer Code. Ship it.

Sei der erste!