Ein Custom Agent, der eine Website öffnet, alle Inhalte crawlt, ein Design-System generiert und eine vollständige HTML-Redesign produziert. Keine Lorem-Ipsum-Platzhalter. Keine leere Leinwand. Echte Inhalte, echte Bilder, ein komplettes Design-System – vollständig autonom.
Das technische Setup besteht aus drei Komponenten: Claude Code als Ausführungsumgebung mit Sub-Agent-Support, agent-browser (von Vercel Labs) als Browser-Control via Chrome DevTools Protocol, und ui-ux-pro-max, ein Claude Code Skill mit über 43.000 GitHub Stars, der aus einer einzigen Suchanfrage ein vollständiges, branchenspezifisches Design-System generiert.
Was diese Kombination qualitativ anders macht: agent-browser gibt dem Agent einen echten Browser als Werkzeug. Keine HTML-Parser, kein manuelles Scraping. Der Agent öffnet die Website, liest Navigation, folgt Links, sammelt Texte und Screenshots, lädt Bilder herunter. Der Browser ist die Augen des Agents.
ui-ux-pro-max ist kein Python-Skript, sondern ein produktionsreifer Design-System-Generator: 161 branchenspezifische Reasoning-Regeln (Healthcare, Fintech, SaaS, Portfolio, Legal), 67 UI-Styles (Glassmorphism, Minimalism, Neubrutalism, Bento Grid, AI-Native UI), 161 Farbpaletten, 57 Font-Pairings mit Google Fonts Imports und 99 UX-Guidelines samt Anti-Patterns. Ein Befehl erzeugt eine komplette Spezifikation – Pattern, Style, Farben, Typografie, Checkpoints.
Die Agent-Definition ist eine Markdown-Datei mit expliziten Schritten, expliziten Regeln und expliziten Fallbacks. Keine Python-Glue-Code-Frameworks. Kein Orchestrierungstool. Die Qualität eines autonomen Agents bestimmt sich weniger über den Happy Path als über die Definition seiner Fehlermodi.
Das Ergebnis ist ein präsentabler Prototyp, keine produktionsreife Codebasis. Das HTML ist sauber, semantisch korrekt, gut strukturiert. Man könnte es heute einem Kunden als Richtungs-Demo vorlegen. Man würde es nicht ohne Review, Accessibility-Audit und Component-Refactoring deployen. Der Wert liegt darin, dass der Discovery-to-First-Draft-Zyklus von einem halben Tag auf zehn Minuten komprimiert wird. Jedes Redesign-Projekt braucht ein erstes Artefakt, auf das der Kunde reagieren kann. Dieser Agent produziert dieses Artefakt autonom, mit echten Inhalten, bevor man selbst eine einzige Zeile Code geschrieben hat.
Den vollständigen Artikel mit allen Architekturdetails und Codebeispielen gibt es auf Medium.