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
Ausbaustufe, seit Oktober 2026 im Einsatz: alles, was das Cockpit kann – von SEO bis Konkurrenzanalyse – auch unterwegs per iPhone-App erledigen, mit derselben Freigabe. Mehr dazu ↓
- 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, Google-Index und die regelmäßigen Prüfungen (EU AI Act, KI-Modelle) 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 Prüfen & Berichte: bauen und prüfen, hochladen mit Probelauf und Bestätigung, danach der Live-Vergleich SEO-Report: alle Seiten nach jedem Build geprüft, mit Details und Hinweisen je Seite Google-Suche: Leistung, Statistiken und Indexierungsstand aus der Search Console (Beispieldaten) 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) Besucher: Zahlen aus Matomo auf dem eigenen Server – Übersicht, Seiten, Herkunft und Besucher & Technik (Beispieldaten, ohne Cookies) Newsletter: Abonnenten aus Listmonk nur zur Ansicht, Newsletter aus Tools und Wochenrückblick, versendet erst nach Bestätigung (erfundene Beispieldaten) 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 Stellen: Stellenangebote auf Deutsch und Englisch, so wie Google sie liest – gemeldet über die Indexing API erst nach Bestätigung Verlauf: alles nachvollziehbar – jede Änderung lässt sich rückgängig machen, die Rücknahme geht wie jede Änderung erst nach Freigabe online 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
Ausbaustufe · im Einsatz
Das ganze Cockpit für unterwegs.
Mit unserer iOS-App lässt sich alles, was das Cockpit kann, auch von unterwegs erledigen: die Website per Chat oder Sprache ändern, SEO und GEO prüfen, die Konkurrenz analysieren, die Sichtbarkeit in KI-Suchen messen, Newsletter vorbereiten und Recherchen starten. Die Arbeit macht weiterhin der Mac in der Agentur – mit denselben Werkzeugen, Prüfungen und Regeln. Das iPhone ist die Fernbedienung, verbunden über eine verschlüsselte, private Verbindung.
01
Reagieren, wenn es zählt
Ein Fehler auf der Website, eine Kundenfrage, ein neues Angebot: Statt bis zum nächsten Bürotag zu warten, ist die Änderung in Minuten vorbereitet – aus dem Zug oder nach dem Kundentermin.
02
SEO & GEO immer im Blick
Klicks, Positionen und Indexierung aus der Search Console, Besucherzahlen und die Sichtbarkeit in ChatGPT, Perplexity, Claude und Gemini – und daraus direkt eine Verbesserung anstoßen.
03
Konkurrenz im Blick
Den Wettbewerbsvergleich bei Google starten, sobald ein Wettbewerber nachlegt, und die Vorschläge von Claude unterwegs prüfen.
04
Ideen sofort festhalten
Per Spracheingabe diktiert, auf dem Mac als Entwurf gebaut und geprüft – freigegeben direkt vom iPhone oder später am Schreibtisch.
05
Recherchen und Newsletter
Recherchen zu KI-Tools oder Hochschulen laufen auf dem Mac, das Ergebnis kommt aufs iPhone. Newsletter lassen sich vorbereiten und nach Freigabe versenden.
06
Sicher wie am Schreibtisch
Zugangsdaten bleiben auf dem Mac, die Verbindung ist privat und nicht offen im Internet – und online geht nichts ohne ausdrückliche Freigabe.
Stand: im Einsatz seit Oktober 2026. Die App nutzen wir intern; sie ist nicht im App Store erhältlich.
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 →UI/UX Design
Gutes Interface-Design ist unsichtbar: Nutzerinnen und Nutzer finden, was sie suchen, und verstehen sofort, was zu tun ist. Wir prüfen Annahmen mit echten Menschen und testen früh — bevor teure Fehler entstehen.
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 →