Wie ich seit 2025 an einem System arbeite, mit dem ich Webseiten sauber rein mit einer KI baue — und warte. Inklusive Server.
Jetzt ist es so weit.
Seit 2025 baue ich an einem System, mit dem ich Webseiten sauber rein mit einer KI erstellen kann — und später auch warten. Inklusive Server. Und Designen und Bauen damit macht inzwischen echten Spaß. Nicht den „prompt-paste-prompt-paste”-Spaß, sondern: ich beschreibe, was rauskommen soll, der Rest passiert.
Die Grundregel: ein Main-LLM
Ich rede nur mit einer KI. Aktuell Claude. Claude kennt mein System automatisch — über das Framework, über die CLAUDE.md im Repo, über die Memory-Files, über die git-history. Ich muss nicht jedes Mal erklären, dass die Tracker-DB unter /opt/dillenberg-tracker/ liegt oder dass der Telegram-Token in einer mu-plugin-Konstante steht. Claude weiß das.
Wenn ich Claude erweitern will, baue ich ein Skill. Wenn der Geldbeutel mal knirscht, tausche ich Claude gegen ein Free-Modell (gpt-oss-20b via OpenRouter zum Beispiel) — funktioniert nicht ganz so präzise, aber die Architektur drumherum bleibt identisch.
Was ich nicht mache:
- Kein Plugin-Dschungel. Keine Contact Form 7. Kein JetPack. Kein „SEO-Plugin in 14 Tabs”. Was Plugin-Logik braucht, baue ich selbst — schmal, im git-Repo, ohne 17 Settings-Pages.
- Kein „prompt-paste-prompt-paste”-Workflow.
- Kein Multi-LLM-Theater. Eine KI, die das System kennt, schlägt drei KIs, die jedes Mal von Null anfangen.
Was auf dillenberg.net inzwischen läuft
Spar dir den Plugin-Marktplatz. Hier die Liste der KI-Features, die ich tatsächlich nutze — nicht weil sie cool aussehen, sondern weil sie mir Reibung sparen:
ALICE — der Chat auf /alice/
Ein eigener Voll-Chat, mit Voxtral-TTS von Mistral und einer Auswahl an Charakter-Stimmen (Jane mit UK-Sarkasmus ist mein Liebling). Antworten kommen über OpenRouter, das Modell tauscht sich nach Bedarf — Status oben in der Leiste, live.
Article Agent — die Frage-Box unter jedem Blog-Post
Du markierst keine Stellen, du fragst frei. Antworten kennzeichnen ihre Quelle: [AUS DEM ARTIKEL] oder [MEIN SCHLUSS]. Du entscheidest, was davon zählt. Kein Wischiwaschi.
UFO Companion — Kontext per Laser
Kleines UFO fliegt mit dem Cursor, du markierst Text, ein grüner Laser-Strahl scannt die Selection mit downstream-Partikeln, daraus wird eine Kontext-Notiz, die auf der Seite bleibt — pro Browser, pro Page persistent. Mit Bookmark-Rail rechts für Notizen, die aus dem Viewport gescrollt sind. Gäste 3 Antworten pro Tag, angemeldete User unbegrenzt — Registrierung ist offen.
AI UFO 2030 — der Dock rechts unten, für alle Besucher
Drei Buttons:
- Back-to-Top
- Companion-Toggle (nur für eingeloggte Editoren)
- Frage zum Artikel / Kontakt (kontextabhängig)
Auf einem Blogpost springt „Frage” zur Article-Agent-Box. Überall sonst klappt ein Textfeld auf, das direkt auf mein Telegram geht — Honeypot, Rate-Limit (5 pro Stunde pro IP), kein E-Mail-Drama, kein „schicken Sie uns eine E-Mail an info@…”.
Hero-Image-Generator
Ein Python-Skript auf dem Server baut für jeden Blog-Post ein 1600×900 CRT-Terminal-Hero im Stil der Seite. Featured-Image-Import via WP-CLI, WebP-Konvertierung übernimmt ein eigenes webp-auto-mu-plugin im Hintergrund. Ein Befehl, fertiges Featured-Bild.
Tracker mit FastAPI
Pageviews, Chat-Logs, SSE-Dashboard auf Loopback, vom nginx unter /_signal/ gemappt. HMAC-signiert für Schreib-Endpoints. SQLite drunter. Eigenständiges Python-Programm, das WordPress reicht nur das Frontend rein.
Operator — Live-Ops im WP-Admin
Eigene Admin-Page „Dilles Operator · Live Ops” direkt im WordPress-Backend. Counter oben: aktive Sessions, Total, MSG/h, MSG/24h, Tokens, Voice, Vision, Video. Links eine Session-Liste mit ID, Message-Count und Idle-Zeit. In der Mitte ein Datenfluss-Diagramm — wer redet gerade mit wem (User · Browser → ALICE Frontend → WP /llm /tts → OpenRouter / Mistral Voxtral). Rechts ein Live-Feed (LLM_IN / LLM_OUT, mit Session-ID und Snippet), per Server-Sent-Events angeschlossen ans Tracker-Backend. Kein Zwischenklicken, kein Tab-Wechsel — alle Konversationen, die gerade laufen, auf einem Blick.
Telegram-Bridge / Gespräch-Mode
Wenn jemand auf /gespraech/ landet und ich nicht direkt antworten kann, übernimmt ein KI-Vertreter, sammelt den Kontext, schickt mir eine Briefing-Nachricht auf Telegram. Ich antworte vom Handy, die Antwort kommt zurück auf die Page. Asynchroner Erstkontakt — funktioniert besser als jedes Kontaktformular der Welt.
rent-a-human — eigener A2A-Endpointrent-a-human.dillenberg.net ist spec-konformer A2A-v1.0-Agent. AgentCard auf /.well-known/, JSON-RPC auf /a2a/jsonrpc, Test-Suite gegen die Python-a2a-sdk 10/10 grün. Andere KI-Agenten können also direkt mit meinem Agenten reden.
Drei Custom-Templates für Blog-Posts
Editorial (Magazin-Stil), Longform (kompakt, lange Texte), Terminal (Monospace mit $ cat post.md als Header). Pro Post auswählbar im FSE-Editor.
OpenGraph + Twitter Cards automatisch generiert, wp_generator / RSD / wlwmanifest entfernt. Schmaler Head, sauberer Output.
Was das praktisch heißt
Gestern Abend wollte ich genau diesen AI-UFO-2030-Dock haben. Ich habe es Claude beschrieben — drei Buttons, kontextabhängig, Telegram-Anbindung, grüner Neon, Partikel-Effekte am Laser. Eine Stunde später war es live. Plugin geschrieben, REST-Endpoint geprüft/wiederverwendet, CSS und JS deployed, im Browser getestet, fertig.
Was vor zwei Jahren ein Wochenend-Projekt war, ist heute ein Abend. Was vor fünf Jahren ein Auftrag an einen Freelancer war, ist heute ein Gespräch mit Claude.
Das System wartet sich inzwischen auch selber. Updates, Hardening, Backups — gleiche Pipeline. Ich beschreibe was zu tun ist. Claude tut. Ich gucke drüber. Commit. Deploy.
Was als Nächstes kommt
Mehr KI-Features, die echten Nutzen haben. Die Frage ist nicht „was ist mit KI möglich?”, die Frage ist „was schenkt mir wirklich Zeit oder Reibung?”. Alles andere ist Spielerei.
Wenn da Interesse besteht — schreib’s in die Kommentare — mache ich daraus eine komplette Anleitung. Vom Hetzner-Server über die nginx-Config, WP-Härtung, mu-plugins, das Plugin-Architektur-Pattern bis zum Deployment-Workflow mit Claude Code. Schritt für Schritt.
Im Tausch gegen Reputation: Reichweite, Kommentare, Weiterleiten.
Live anschauen: dillenberg.net (rechts unten, der Dock)

Leave a Reply
You must be logged in to post a comment.