Von User Stories zur funktionierenden App

Ihr nächstes Projekt richtig starten … oder das festgefahrene entwirren.

OwlMeans baut das Fundament und den Hauptablauf Ihrer App und erledigt, woran Sie gar nicht denken. Probieren Sie die App aus und feilen Sie daran. Danach bauen Sie mit OwlMeans oder Ihrem Coding-Agenten weiter.

Vibecoden & veröffentlichen per Smartphone
Aus GitHub konvertieren Beta
Rundgang durch ein Beispielprojekt

Peters Buchungs-App: von der Idee zum ersten Ablauf

Begleiten Sie eine kleine Anwendung durch Planung, Umsetzung und eine spätere Änderung. Das Beispiel baut auf einem Kundenportal auf. Die Buchungsregeln sind in den Stories festgelegt.

Die Screenshots stammen aus einem echten OwlMeans-Durchlauf dieser Anfrage im Oktober 2026. Peter, seine Kundschaft und deren Buchungen sind erfunden.

  1. Schritt 1

    Die Anfrage

    Ich brauche eine Buchungs-App für meine Reparaturwerkstatt. Wer bei uns bucht, wählt eine Leistung und einen freien Termin und sieht danach die Buchung. Mein Team verwaltet den Terminplan. Kundinnen und Kunden dürfen nur ihre eigenen Buchungen sehen.

    Der Startbildschirm für neue Projekte in der OwlMeans Platform, auf dem Peters Anfrage im Feld für die Anwendungsbeschreibung steht

    Peters Anfrage auf dem Startbildschirm der Plattform.

    1. Die Anfrage in Peters eigenen Worten
    2. Spezifikation bei OwlMeans anfordern
    In voller Größe öffnen
  2. Schritt 2

    Die Spezifikation

    OwlMeans macht aus der Anfrage einen Plan, den Sie prüfen können: Leistungen, freie Termine, Buchungen und die Zugriffsrechte von Kundschaft und Team. Sehen Sie sich die Regeln genau an, bevor Sie den Plan annehmen.

    Die erste Skizze zeigt die Startseite und die Bereiche der Anwendung. Beschriftete Story-Platzhalter markieren, was noch umgesetzt werden muss.

    Die Spezifikation von Peters Buchungs-App in der OwlMeans Platform mit den Schaltflächen zum Bearbeiten oder Annehmen

    Die Spezifikation liegt zur Prüfung vor, bevor die Entwicklung beginnt.

    1. Für wen die App gedacht ist und wofür man ein Konto braucht
    2. Den Plan ändern, bevor etwas gebaut wird
    3. Annehmen, um das Projekt zu erstellen
    In voller Größe öffnen
    Die erste Skizze des Gastbereichs von Peters Buchungs-App: Zwei Platzhalter nennen die Stories, für die sie stehen, und zeigen Beispielinhalte

    Die erste Skizze des Gastbereichs. Beschriftete Platzhalter stehen für Stories, die noch nicht gebaut sind.

    1. Die Story hinter diesem Platzhalter
    2. Beispielinhalte, bis die Story gebaut ist
    In voller Größe öffnen
  3. Schritt 3

    Die ersten zusammenhängenden Stories

    Als Teammitglied kann ich für jede Leistung die buchbaren Termine veröffentlichen.

    Als Kundin oder Kunde kann ich eine Leistung und einen freien Termin wählen und dann meine Buchung bestätigen.

    Entwickeln Sie die Stories in der Reihenfolge des Projektboards. Den Anfang macht der Terminplan des Teams. Zusammen ergeben sie den ersten nützlichen Ablauf mit echten Datensätzen, Zugriffsprüfungen und einer Regel gegen doppelt belegte Termine.

    Das Projektboard von Peters Buchungs-App mit den geplanten Stories: Zuerst kommt der Terminplan des Teams, dann wählt die Kundschaft Leistung und Termin

    Die geplanten Stories auf dem Projektboard, in der Reihenfolge des Hauptablaufs.

    1. Zuerst der Terminplan des Teams
    2. Dann die ersten Schritte der Kundschaft
    3. Entwicklung einer Story starten
    In voller Größe öffnen
  4. Schritt 4

    Das funktionierende Ergebnis

    Probieren Sie den umgesetzten Ablauf aus: Wählen Sie eine Leistung, reservieren Sie einen Termin und finden Sie die Buchung in Ihrem Konto wieder. Öffnen Sie dann die Teamansicht und prüfen Sie dort denselben Datensatz.

    Melden Sie sich danach mit einem zweiten Kundenkonto an. Die Buchung aus dem ersten Konto darf dort nicht auftauchen.

    Die Buchungsübersicht eines Testkontos in Peters Buchungs-App mit einer gebuchten Lampenreparatur samt Details

    Die Buchung eines Testkontos in der laufenden Vorschau.

    1. Die Buchung im Kundenkonto
    2. Die Buchungsnummer, die auch das Team sieht
    In voller Größe öffnen
    Das Backoffice von Peters Buchungs-App, in dem der Termin derselben Buchung als belegt erscheint

    Dieselbe Buchung im Terminplan des Teams.

    1. Dieselbe Buchung, erkennbar an ihrer Buchungsnummer
    2. Der Termin bleibt belegt
    In voller Größe öffnen
    Peters Buchungs-App verweigert einem zweiten Testkonto den Zugriff auf die Buchung aus dem ersten Konto

    Ein zweites Testkonto kann die Buchung aus dem ersten Konto nicht öffnen.

    1. Die Zugriffsregeln der App lassen das nicht zu
    In voller Größe öffnen
  5. Schritt 5

    Die nächste kleine Änderung

    Nachdem Peter die App ausprobiert hat, möchte er, dass seine Kundschaft einen anderen Termin anfragen kann. Daraus wird die nächste Story. Sie nutzt den vorhandenen Buchungsdatensatz und die bestehenden Zugriffsregeln.

    Testen Sie diese Änderung auf dem Smartphone und auf einem größeren Bildschirm. Achten Sie darauf, dass der erste Buchungsablauf weiter funktioniert, während die Anwendung wächst.

    Peters Buchungs-App auf einem Smartphone: Ein Testkonto wählt für eine gebuchte Lampenreparatur einen neuen Termin, bevor es die Anfrage abschickt

    Die nächste Story auf dem Smartphone: Jemand fragt einen anderen Termin an.

    1. Die bestehende Buchung behält vorerst ihren Termin
    2. Ausgewählt ist ein anderer freier Termin derselben Leistung
    3. Die App speichert die Anfrage im selben Buchungsdatensatz
    In voller Größe öffnen
    Eine Eule testet eine Anwendung auf dem Smartphone, bevor sie wieder etwas ändert

OwlMeans erledigt, woran Sie gar nicht denken

Peter wollte eine Buchungsfunktion. Die Tabelle zeigt, worum sich OwlMeans außerdem gekümmert hat und wann er es sonst gemerkt hätte.

Startseite, Kundenbereich, Backoffice und Administrationsbereich Wenn Besucher, Kundschaft und Team jeweils eigene Ansichten brauchen
In jeder Story eine Regel dafür, wer welchen Datensatz lesen oder ändern darf Wenn ein Kundenkonto die Buchung eines anderen öffnet
Ein Backoffice, das nur Ihr Team öffnen kann Am Tag, an dem sich jemand Fremdes registriert und den Terminplan Ihres Teams entdeckt
AGB-, Datenschutz- und Cookie-Seiten mit Cookie-Einstellungen, vorbereitet für Ihre geprüften Rechtstexte In der Woche vor dem Launch
Hintergrundaufgaben und Warteschlangen, sobald eine Story sie braucht Wenn beim ersten Bericht die Seite in einen Timeout läuft
Projektanweisungen und Paket-Skills im Repository Wenn ein neues Teammitglied oder ein Coding-Agent einsteigt

Der Anwendungscode liegt im generierten Repository, das Ihnen gehört. Prüfen Sie, ob die rechtlichen Seiten zu Ihrem Unternehmen passen, und testen Sie die Anwendung vor der Veröffentlichung.

Der Code-Editor der OwlMeans Platform mit dem generierten Repository von Peters Buchungs-App: Geöffnet ist die gemeinsame Definition des Buchungsdatensatzes

Das generierte Repository im Code-Editor der Plattform.

  1. Der im gemeinsamen Paket definierte Buchungsdatensatz
  2. Getrennte Pakete für API, Backend, gemeinsame Definitionen, Weboberfläche und Worker
  3. Anweisungen für den nächsten Coding-Agenten
In voller Größe öffnen
Vertraute Aufgabe, nützlicher erster Ablauf

Projekte wie Ihres

Die folgenden Personen und Projekte sind erfunden und veranschaulichen, was Sie bauen könnten. Es sind keine Kundenstimmen.

Peters Reparaturwerkstatt

Peter möchte, dass seine Kundschaft Reparaturen bucht, ohne für jeden freien Termin Nachrichten hin- und herzuschicken. Sein erster Ablauf verbindet eine Leistungsliste, ein Buchungsformular und den Terminplan des Teams.

  1. Anfrage Die Anfrage
  2. Spezifikation Die Spezifikation
  3. Stories Die ersten zusammenhängenden Stories
  4. Ergebnis Das funktionierende Ergebnis
  5. Nächste Änderung Die nächste kleine Änderung

Mayas Helpdesk

Maya braucht einen zentralen Ort für Kundenanfragen. Wer ein Anliegen hat, eröffnet ein Ticket. Jemand aus dem Team übernimmt es, und beide verfolgen den Status.

Leos Rechercheassistent

Leo möchte Rechercheergebnisse nachvollziehen können, bevor er sie verwendet. Sein Agent sammelt Material mit freigegebenen Werkzeugen, nennt seine Quellen und lässt Leo das Ergebnis prüfen.

Ninas unfertiges CRM

Nina hat einen Prototyp, der sich kaum noch ändern lässt. Kontakte, Verkaufschancen und Abläufe zum Nachfassen kann sie daraus als Stories rekonstruieren. Danach entscheidet sie, was zuerst neu entsteht.

Ihr bestehendes Projekt mit OwlMeans entwirren

Bringen Sie ein Projekt mit, das Sie mit einem anderen Werkzeug begonnen haben. OwlMeans rekonstruiert daraus Spezifikation und User Stories. Sie geben jede Stufe des Neuaufbaus frei und entwickeln danach auf dem neuen Fundament weiter.

Ihr Projekt entwirren →
Von Haus aus dabei

Alles rund um Ihren Hauptablauf

Planung und Entwicklung

  • Eine prüfbare Spezifikation und User Stories, dazu eine beschriftete Skizze der Anwendung vor der Umsetzung.
  • Spezialisierte Agentenrollen sowie Phasen für Story-Design, Umsetzung und Reparatur.
  • Ein Projektboard, eine laufende Vorschau, ein Code-Editor und eine Agentenkonsole für die weitere Arbeit.
  • Schätzungen pro Phase, sichtbarer Fortschritt und Durchläufe, die sich fortsetzen lassen.

Das Fundament der Anwendung

  • Eine Weboberfläche nach dem Mobile-First-Prinzip, eine öffentliche Startseite und klar gegliederte Bereiche für Nutzende, Team und Administration.
  • Full-Stack-TypeScript, gemeinsame API-Verträge und Datenspeicherung in PostgreSQL.
  • Anmeldung per E-Mail und über OIDC/SSO, mit Benutzerkonten, Organisationen, Gruppen und Anwendungsberechtigungen.
  • Getrennte Zugriffseinstellungen für Vorschau und Produktion, dazu isolierte Projektumgebungen.
  • Hintergrundaufgaben, Warteschlangen und die Anbindung von KI-Anbietern, wenn die gewählte Anwendung sie braucht.
  • AGB-, Datenschutz- und Cookie-Seiten, die Sie für Ihr Unternehmen ergänzen und prüfen.

Weiterentwicklung und Auslieferung

  • GitHub-Anbindung und ein Repository mit Code, Projektanweisungen und Paketdokumentation.
  • Entwicklung im Browser oder per MCP-Verbindung aus einem unterstützten Coding-Agenten.
  • Mit Pro gehen Sie in Produktion, verwalten eigene Domains und richten die Anmeldung für den Produktivbetrieb ein.
  • Die Entwicklungsoberfläche gibt es in acht Sprachen.
Unterstützte Anwendungstypen

Web-Apps, Chatbots, Agenten und Datenpipelines

OwlMeans bringt Ausgangsarchitekturen für unterschiedliche Aufgaben mit. Wählen Sie den Anwendungstyp und legen Sie dann fest, welches Verhalten und welche Integrationen Ihre Nutzenden brauchen.

Full-Stack-Web-Apps

Kundenportale, interne Tools und SaaS-Produkte mit Datensätzen, Rollen und funktionierenden Abläufen

Chatbots

Dialogoberflächen, die mit den Daten und Aktionen Ihrer Anwendung verbunden sind

KI-Agenten

Anwendungen, die aus festgelegten Werkzeugen wählen, Aufgaben ausführen und Ergebnisse zur Prüfung anzeigen

KI-Datenpipelines

Festgelegte Schritte, um Informationen zu extrahieren, umzuwandeln und zu prüfen

Fertige Ausgangspunkte

Diese Ausgangspunkte liefern Struktur und Anleitung. Ihre Stories bestimmen die Geschäftsregeln, die Integrationen und das erste nützliche Ergebnis.

Weiterentwickeln, wo Sie arbeiten

Ein Projekt, das Ihr nächster Agent versteht

Arbeiten Sie in OwlMeans weiter, verbinden Sie einen unterstützten Coding-Agenten über MCP oder nutzen Sie im Repository Ihre eigenen Werkzeuge. Projektanweisungen und Paketdokumentation wandern mit dem Code.

Von dort aus übernehmen Claude Code, Codex und andere universelle Coding-Agenten. OwlMeans liefert die spezialisierte Ausgangsstruktur und den Arbeitsablauf, auf denen sie aufbauen.

Wer die Anwendung anderswo betreibt, muss auch Datenbank, Identitätsverwaltung und weitere Dienste einrichten. Die Anleitung zur Übergabe erklärt die Möglichkeiten.

Eine Eule übergibt das Projekt samt Anleitung
Unterstützung bis zur Auslieferung

Ein Team, das Ihr Projekt ins Ziel bringt

Sollen wir das Projekt für Sie umsetzen, übernimmt OwlMeans Services alles vom Produktmanagement bis zur Auslieferung. Sie erhalten die Anwendung, ihren Quellcode und auf Ihr Projekt abgestimmte Agentenanweisungen für die Weiterentwicklung.

Eine Eule setzt die Teile einer Anwendung zusammen