Websites, agentisch gebaut

Ausgangslage

Seit 2006 baue ich Websites, über viele Jahre und für viele Kundenprojekte mit WordPress. Eine Website mit Medien zu füllen war dabei vor allem Handarbeit: generieren, warten, herunterladen, zuschneiden, freistellen, komprimieren, hochladen, einbauen. Für 20 neue Icons ist so schnell eine Stunde weg. Dazu kam die Technik selbst: ein Plugin für jede Kleinigkeit, Versionsstände und Sicherheitsupdates, Ladezeiten und irgendwann der Punkt, an dem das System nicht mehr hergibt, was die Idee verlangt. Heute schreibe ich für die 20 Icons in zwei Minuten einen Prompt, und der Agent erledigt den Rest bis zur richtigen Stelle auf der Seite. Für mich ist das der größte Sprung seit Jahren, weil er meine Arbeit auf deutlich stabilere Füße stellt. Geändert hat sich dabei nur, wie etwas entsteht. Mein Vorgehen, mein Ablauf und meine Werkzeuge sind geblieben.

So arbeite ich

1. 01
   Konzept wie bisherZielgruppe, Inhalte, Seitenstruktur und Gestaltung erarbeite ich so wie in all den Jahren davor. Neu ist nur, wie die Umsetzung entsteht.
2. 02
   EntwurfDas Design entsteht als Entwurf, oft in Claude Design, und die Richtung gebe ich vor. Der Agent übernimmt Farben, Schriften und Abstände daraus, statt sie nach eigenem Geschmack zu erfinden.
3. 03
   UmsetzungClaude Code baut die Seiten, je nach Aufgabe als statisches HTML, mit Next.js oder als Web-App mit Vite und React.
4. 04
   Feinschliff in vielen RundenNach dem ersten Stand ist eine Seite selten fertig. Schriften, Abstände, Bildausschnitte und Animationen justiere ich Runde für Runde nach. Globale Änderungen ziehen sich mit einem Auftrag durch alle Seiten.
5. 05
   Medien per PromptÜber MCP-Server und CLIs erzeugt der Agent Bilder, Icons, Videos, Stimmen und Avatare, bearbeitet echte Fotos nach, schneidet zu, stellt frei, komprimiert und baut alles an der richtigen Stelle ein.
6. 06
   Auffindbar machenTitel, Beschreibungen, strukturierte Daten, Sitemap und llms.txt gehören zum ersten Build, nicht zur Nacharbeit. So verstehen Suchmaschinen und KI-Assistenten gleichermaßen, worum es geht.
7. 07
   Prüfen und pflegenLint, Build und Screenshots auf Desktop und Smartphone vor jedem Livegang. Für Änderungen im Alltag liefere ich WebsiteFramework mit: Texte und Bilder selbst ändern wie in einem CMS, ohne dessen Ballast.

Was sie verbindet

1. 1
   Ich entscheide, nicht die KIWie etwas aussieht und wirkt, gebe ich vor. Der Agent setzt um, macht Vorschläge und erledigt die Routine. Die Gestaltung bleibt meine.
2. 2
   Handwerk, kein SelbstläuferEin Prompt, und die Website steht: So funktioniert es nicht. Gute Schriften und Abstände entstehen im Feinschliff, mit Erfahrung und vielen Iterationen.
3. 3
   Zwei Arten von SkillsSkills für den Agenten halten als skill.md fest, wie ein Ablauf funktioniert. Dazu kommen meine eigenen aus 20 Jahren Webdesign. Erst beides zusammen ergibt das Ergebnis.
4. 4
   Weniger HandarbeitHochladen, generieren, warten, speichern, zuschneiden, verfremden: Das übernimmt der Agent. Aus einer Stunde Klickarbeit wird ein Prompt.
5. 5
   Mehr kreative FreiheitBilder, Videos, Stimmen und Avatare entstehen im selben Arbeitsgang wie der Code. Eine weitere Variante auszuprobieren kostet kaum noch Zeit.
6. 6
   Gefunden werden, auch von KIStrukturierte Daten nach Schema.org, Sitemap, Canonical, Vorschaubilder und llms.txt, damit Suchmaschinen und KI-Assistenten die Seite verstehen und empfehlen.
7. 7
   Schnell geladenStatische Seiten oder schlanke Apps, Bilder als WebP, Schriften selbst gehostet. Kein Theme und kein Plugin, das bei jedem Aufruf mitlädt.
8. 8
   Weniger AngriffsflächeKeine Plugins mit eigenen Sicherheitslücken und kein CMS, dessen Versionen und Erweiterungen ständig nachgezogen werden müssen.
9. 9
   Keine Grenzen durch Add-onsAnimationen, Anbindungen an andere Tools, individuelle Funktionen: Der Agent baut passend nach, was gebraucht wird, statt ein Add-on zu suchen, das nur halb passt.