Vibe Coding lernen
eigene Tools für WordPress mit KI bauen
Plugins, Shortcodes, Konfiguratoren, Karten, Buchungssysteme: Meine WordPress-Tools baue ich selbst – mit Vibe Coding, im Dialog mit KI. Auch alle Typografie-Tools auf dieser Seite sind so entstanden. Ich zeige dir gern, wie du eigene Tools für deine WordPress-Website baust.
1:1 Session anfragen Kurse bei Art Life VisionDu beschreibst, was du willst. Die KI schreibt den Code. Du verbesserst, bis es funktioniert.
Was du für deine WordPress-Website bauen kannst
Eigene Plugins
Funktionen, die du mit einem Klick aktivierst und deaktivierst.
Beispiel: Book a Table, Map Tool
Backend-Tools
Software direkt im WordPress-Admin – für deine eigene Arbeit.
Beispiel: ALV Pilot, Visibility Lab
Shortcodes
Ein kurzer Code, und dein Tool erscheint an jeder Stelle der Seite.
Beispiel: A3 Problem Finder
Code Snippets
Kleine Erweiterungen ohne eigenes Plugin – schnell eingebaut, schnell abgeschaltet.
Beispiel: Karten für Creti Ma Celtica
Konfiguratoren & Rechner
Kund:innen stellen sich etwas zusammen und sehen sofort das Ergebnis.
Beispiel: No-Shop Tool auf baumpflanzung.at
Kreative Generatoren
Werkzeuge, mit denen Besucher:innen selbst gestalten.
Beispiel: Typo-Tools auf marie-luise.at
Programmieren mit KI verunsichert – solange man keine Spielwiese hat.
Die Angst, dass etwas kaputtgeht, bremst. Deshalb bauen wir in der 1:1 Session zuerst eine Testumgebung auf. Dort entsteht das Tool, das du dir vorstellst – und erst wenn es funktioniert, kommt es auf deine Website.
Ausprobieren, Fehler machen, neu anfangen. Hier darf alles passieren.
Bekommt nur, was getestet ist und läuft.
Womit ich arbeite und wie ich vorgehe
- ChatGPT
- Claude
- WordPress
- Code Snippets
- eigene Plugins
- Testumgebung
- Idee beschreibenWas soll das Tool können, für wen, wo auf der Website?
- Mit KI bauenSchritt für Schritt im Dialog, nicht alles auf einmal.
- TestenIn der Testumgebung, am Computer und am Handy.
- VersionierenJede funktionierende Fassung bekommt eine Nummer und wird gesichert.
- Live schaltenErst dann kommt das Tool als Plugin oder Snippet auf deine WordPress-Website.
Was so entstanden ist – vor allem für WordPress
WordPress-Plugins
- ALV PilotAgentur-Software
- Visibility LabSEO- & KI-Sichtbarkeit
- No-Shop ToolAnfrage-Konfigurator
- Book a TableReservierungen
- Map ToolStandortverzeichnis
Für Kund:innen
- A3 Problem FinderAkustik-Lösungsfinder
- Creti Ma CelticaDatenbank mit Karten
- baumpflanzung.atNo-Shop Tool im Einsatz →
Für wen ist das Bauen mit KI an der eigenen Website?
Für dich, wenn …
- du eine WordPress-Website hast und sie selbst weiterentwickeln willst
- du Ideen für kleine Tools hast: Rechner, Formulare, Karten, Generatoren
- du gern ausprobierst und neugierig bist, wie Dinge funktionieren
- du bereit bist zu testen, bevor etwas online geht
Eher nicht, wenn …
- du ein fertiges Ergebnis willst, ohne selbst dabei zu sein – dann lass es lieber bauen
- es um Zahlungen oder heikle Kundendaten geht und niemand mit Erfahrung drüberschaut
- du keine Zeit zum Testen hast und alles sofort live sein muss
- du eine große, komplexe Software planst – dafür braucht es ein Entwicklungsteam
Woran du beim Vibe Coding denken solltest
- Nie direkt auf der Live-Website bauen – immer zuerst in der Testumgebung
- Vor jeder Änderung ein Backup machen
- Eine Änderung nach der anderen, dann testen
- Funktionierende Versionen aufheben, damit du zurück kannst
- Keine Passwörter, Zugangsdaten oder Kundendaten in den KI-Chat kopieren
- Die KI bitten, ihren Code zu erklären und auf Sicherheit zu prüfen
- Code so einbauen, dass du ihn mit einem Klick deaktivieren kannst
- Wissen, wie du im Notfall wieder in deine Website kommst
1:1
Wir bauen gemeinsam deine Testumgebung auf und arbeiten dort an deiner eigenen Idee, in deinem Tempo. Du siehst mir über die Schulter – und baust dann selbst.
1:1 anfragenKurs
In der Gruppe über Art Life Vision – vom ersten Prompt bis zum fertigen Tool in WordPress.
Zu den KursenHäufige Fragen
Was heißt Vibe Coding eigentlich?
Der Begriff wurde Anfang 2025 von dem KI-Forscher Andrej Karpathy geprägt. Gemeint ist: Du beschreibst in normaler Sprache, was du willst, die KI schreibt den Code, und du verbesserst das Ergebnis im Dialog, bis es funktioniert.
Machst du „nur“ Vibe Coding?
Nein, eigentlich mehr. Beim reinen Vibe Coding schaut man sich den Code gar nicht an. Ich verstehe, was die KI baut, prüfe es, plane die Struktur, teste in einer Testumgebung und versioniere jede Fassung. Die KI ist mein Werkzeug – die Verantwortung für das Ergebnis bleibt bei mir. Genau diese Arbeitsweise gebe ich weiter.
Muss ich programmieren können?
Nein. Du lernst aber, Ergebnisse zu lesen, zu testen und der KI klar zu sagen, was nicht passt. Das ist die eigentliche Fähigkeit.
Was ist eine Testumgebung?
Eine eigene WordPress-Installation zum Ausprobieren, getrennt von deiner echten Website. Dort kann nichts kaputtgehen, was deine Besucher:innen sehen. In der 1:1 Session bauen wir sie gemeinsam auf.
Welche KI brauche ich?
Ich arbeite mit ChatGPT und Claude. Welche für dich passt und welche Version sinnvoll ist, besprechen wir gemeinsam – je nachdem, was du bauen möchtest.
