17 · In-house · KI-Integration · App-Entwicklung
vona Cockpit: die Website per Chat und Sprache steuern
Unsere Website wächst – mit Blog, KI-Wochenrückblick, KI-Tools-Verzeichnis, Stellen und Newsletter. Das vona Cockpit bündelt alles in einer eigenen Mac-App: Änderungen per Chat oder Spracheingabe, SEO und GEO immer im Blick – und nichts geht online, bevor es redaktionell geprüft und freigegeben ist.
Eigenprojekt (In-house) – von vona für sich selbst gebaut · Projekt aus 2026
- In-house
- SwiftUI
- Claude Code
- Claude
- Python
- Astro
- Search Console API
- Human-in-the-Loop
- Chat + Sprache
- Website per Anweisung ändern und erweitern – getippt oder gesprochen
- 14 Bereiche
- von Wochenrückblick bis KI-Sichtbarkeit in einer App
- 0 Schritte
- nach außen ohne redaktionelle Prüfung und Freigabe
01 · Problem
vonalab.com ist zweisprachig und lebt: Seiten, Blog, ein wöchentlicher KI-Rückblick, ein KI-Tools-Verzeichnis, Stellenangebote für Google for Jobs, ein Newsletter und laufende Arbeit an der Sichtbarkeit bei Google und in KI-Suchen. Jeder Schritt hatte sein eigenes Werkzeug: bauen und prüfen im Terminal, hochladen per Befehl, Search Console, Rankings und Besucherzahlen im Browser, Newsletter in einer eigenen Oberfläche. Das kostete Zeit – und gerade bei Schritten, die nach außen wirken, stieg das Risiko für Fehler.
02 · Lösung
Eine native macOS-App in SwiftUI, die die vorhandenen Werkzeuge nicht ersetzt, sondern in 14 Bereichen bündelt. Herzstück ist der Chat: Was sich an der Website ändern soll, beschreibt man in Alltagssprache – getippt oder per Spracheingabe, auf Wunsch liest die App die Antwort auch vor. Claude setzt die Änderung als Vorschlag um, das Cockpit baut die Seite, prüft sie und zeigt sie auf dem lokalen Server, auch am Handy. So entstehen neue Seiten und Abschnitte ebenso wie kleine Korrekturen. Wiederkehrende Abläufe laufen nach Zeitplan: Der KI-Wochenrückblick, neue Einträge für das KI-Tools-Verzeichnis und die Beobachtung von Suchbegriffen liegen danach als Entwurf in der App.
03 · SEO & GEO eingebaut
Sichtbarkeit ist Teil des Ablaufs, nicht nachgelagert. Nach jedem Build prüft ein SEO-Report alle Seiten auf Auffälligkeiten. Die Search Console zeigt Klicks, Positionen und den Indexierungsstand je Adresse, der Bereich Wettbewerb das Ranking bei Google im Vergleich mit ausgewählten Wettbewerbern. Für die Sichtbarkeit in KI-Suchen stellt das Cockpit KI-Assistenten typische Fragen von Interessenten – angelegt für ChatGPT, Perplexity, Claude und Gemini –, wertet aus, ob und wie vona genannt wird, und erstellt daraus einen Prüfbericht mit Begründungen und Empfehlungen.
04 · Redaktionell geprüft
Nichts geht online, bevor es redaktionell geprüft und freigegeben ist. Jede Änderung aus dem Chat erscheint zuerst als Vorschlag mit allen geänderten Stellen; Commit, Push und Upload laufen erst nach ausdrücklicher Bestätigung. Beim Wochenrückblick prüft die App Transparenzhinweis, Links und Umfang automatisch – die Kernaussagen an den Quellen prüft ein Mensch, erst dann lässt sich veröffentlichen. Neue Einträge für das KI-Tools-Verzeichnis kommen als Entwurf mit Quellen und offenen Punkten. Nach jedem Upload vergleicht das Cockpit die Live-Seite mit dem geprüften Stand.
05 · So ist es entstanden
Konzipiert hat das Cockpit René Mattis, entwickelt wurde es mit Claude Code, dem KI-Programmierassistenten von Anthropic – im Gespräch, Schritt für Schritt. René hat Aufbau, Abläufe und Sicherheitsregeln vorgegeben und jede Änderung geprüft, bevor sie übernommen wurde. Der erste Commit stammt vom 2. Oktober 2026; seitdem wächst die App mit jedem neuen Bedarf. Zu den festen Regeln gehört: kein Passwort in der App, Abonnentendaten werden nur angezeigt – nicht gespeichert und nie an die KI gegeben –, und im Chat kann Claude Dateien ändern, aber keine Befehle ausführen.
06 · Ergebnis
Ein Ort statt vieler Fenster: Die Website lässt sich per Chat oder Sprache ändern und erweitern, die Sichtbarkeit bei Google und in KI-Suchen ist jederzeit im Blick, und wiederkehrende Arbeit liegt als Entwurf bereit. Weil jeder Schritt nach außen eine Freigabe braucht, bleibt die Entscheidung bei Menschen. Das Cockpit ist ein internes Werkzeug für vonalab.com – und selbst ein Beispiel für das, was wir mit KI bauen: Die KI arbeitet zu, Menschen prüfen und entscheiden.
07 · Ablauf
- Anweisung: im Chat, getippt oder gesprochen
- Claude: ändert Dateien, keine Befehle
- Bauen & prüfen: Build, SEO-Report, Typprüfung
- Vorschau: lokaler Server, auch am Handy
- Freigabe: redaktionell geprüft
- NUR NACH FREIGABE: GitHub Commit & Push, vonalab.com Upload, Live-Prüfung Vergleich mit Build
08 · Einblicke
Schematische, animierte Darstellungen der App – nachgezeichnet statt Screenshots, damit keine Kunden-, Konto- oder Abonnentendaten zu sehen sind. Wo Zahlen beispielhaft sind, steht es in der Darstellung.
Übersicht: Live-Stand, Commit, Upload, Wochenrückblick und Google-Index auf einen Blick – und wie alles zusammenhängt Chat: Anweisung per Spracheingabe, Claude setzt sie um, das Cockpit baut und prüft – übernommen wird erst nach Freigabe Seiten: jede Seite mit SEO-Stand, PageSpeed und Google-Index – ein Klick auf PageSpeed zeigt das Ergebnis, „Im Chat verbessern lassen“ macht daraus eine Anweisung SEO-Report: alle Seiten nach jedem Build geprüft, mit Details und Hinweisen je Seite KI-Sichtbarkeit: Fragen an ChatGPT, Perplexity, Claude und Gemini, Auswertung und Prüfbericht (Beispieldaten) Wettbewerb: Ranking bei Google, KI-Übersicht und Vorschläge von Claude aus dem Seitenvergleich (Beispieldaten, Wettbewerber anonymisiert) Wochenrückblick: automatische Prüfung, Freigabe erst nach geprüften Kernaussagen, dazu die Quellen des Wochenlaufs KI-Tools: Import aus ausgewählten Quellen, Recherche von Claude mit offenen Punkten und Quellen – jedes Tool bleibt Entwurf, bis ein Mensch geprüft hat Einstellungen: Agenturdaten, Zeitpläne, Upload über SSH-Schlüssel – Schlüssel liegen nur auf dem Mac (Zugangsdaten und Adressen anonymisiert) Die Zentrale: Woher das Cockpit liest, welche KI-Dienste zuarbeiten und wohin es erst nach Freigabe durch einen Menschen schreibt
Passende Leistungen
Das können wir auch für dich.
Die Leistungen hinter diesem Projekt — mit Beispielen, Ablauf und häufigen Fragen.
KI-Integration
Wir implementieren künstliche Intelligenz dort, wo sie im Arbeitsalltag echten Mehrwert schafft — von intelligenten Chatbots über KI-Workflows bis zur Automatisierung wiederkehrender Büroaufgaben.
Mehr erfahren →App-Entwicklung
Native und Cross-Platform Apps für iOS und Android — und Desktop-Apps für macOS und Windows. Durchdacht in UX und Design, stark in Performance.
Mehr erfahren →SEO & GEO
Klassische Suchmaschinenoptimierung und die neue Disziplin Generative Engine Optimization — für Sichtbarkeit heute und morgen. Menschen suchen nicht mehr nur bei Google, sondern fragen ChatGPT, Perplexity und KI-Übersichten. Wir arbeiten daran, dass du in beiden Welten besser gefunden und als Quelle genannt werden kannst – mit sauberer Technik, belegten Inhalten und regelmäßiger Prüfung.
Mehr erfahren →Weiterlesen
Hintergründe aus der Praxis.
Blog
Automatisierung mit KI-Workflows: Leitfaden mit Checkliste
Welche Prozesse sich für KI-Automatisierung eignen, wie ein Workflow aufgebaut ist, welche Werkzeuge es gibt und wie du Erwartungen und Nutzen realistisch berechnest.
Weiterlesen →Blog
GEO: So wirst du in KI-Antworten sichtbar
Generative Engine Optimization in der Praxis: Wie ChatGPT, Perplexity und Google-KI-Übersichten Quellen finden und was du tun kannst, damit du genannt wirst.
Weiterlesen →Nächstes Projekt
Dein Projekt hier?
Erzähl uns von deinem Problem. Das erste Gespräch ist selbstverständlich kostenfrei und unverbindlich.
Projekt anfragen →