E-Commerce
Abonnementsysteme
Chatbot
Online-Kurse
Buchung
Reiseführer
Veranstaltungen
Content Creators
Lokale Lieferung und Abholung
Zeitung
Radio
Schulen
Glaube
Organisationen
Restaurant
Lebensmittel
Selbst erstellen
Mitarbeiterkommunikation
NO CODE APP BUILDER
TECHNOLOGIE
WARUM GOODBARBER?
Design
PRODUKTRESSOURCEN
THEMEN
WIEDERVERKÄUFER MOBILER APPS
ENTDECKENAI Extension Builder: Der Agent testet Ihre Abschnitte und kann die Datenbank Ihrer App erstellen
Seit dem 4. November testet der Agent im Abschnitt „Mit KI gestalten“ des AI Extension Builders Ihre Abschnitte in einem echten Browser, bevor er sie Ihnen übergibt. Er stellt Ihnen eine Frage, wenn eine Entscheidung bei Ihnen liegt, und kann die Datenbank Ihrer App erstellen. Auch das Studio bekommt eine neue Oberfläche.
Eine Umfrage, von der Anfrage bis zum Abschnitt
Nehmen wir einen Sportverein, der seine Mitglieder über den Termin seines Turniers abstimmen lassen will. In seinem Abschnitt Mit KI gestalten schreibt er: „Füge eine Umfrage hinzu, um das Datum des Turniers zu wählen, mit den Ergebnissen.“
Der Agent liest zuerst den Kontext der App: ihre Farbpalette, ihre Schriften, ihr Logo, die bereits hinzugefügten Dateien. Er schlägt im Designsystem von GoodBarber nach, das unsere Designer geschrieben haben. Dann schreibt er die Dateien des Abschnitts.
Die Stimmen müssen zwischen allen Mitgliedern geteilt werden. Der Agent erkennt das und stellt die Frage, mit drei Antworten:
- Create the app's database: eine einzige Datenbank, von GoodBarber betrieben. Ihre Tabellen starten leer.
- Connect my Supabase: Die Daten landen im Supabase-Projekt des Vereins.
- Cancel: Der Agent baut den Abschnitt ohne Datenbank, und jedes Telefon sieht nur seine eigenen Stimmen.
Der Verein wählt die GoodBarber-Datenbank. Der Agent öffnet den Abschnitt dann in einem Browser, in der Breite eines Telefons, und probiert seine Schaltflächen aus. Er sucht nach Fehlern: ein Skript, das abstürzt, ein defektes Bild, ein Text, der über den Bildschirm hinausläuft. Er behebt, was er findet, und speichert dann den Abschnitt.
Die Mitglieder stimmen ab, alle sehen die Ergebnisse. Jedes Mitglied ändert nur seine eigene Stimme.
Was sich gegenüber der alten Engine ändert
Mit der alten Engine erschien der Code eines Abschnitts in Ihrer Vorschau, ohne getestet worden zu sein. Jetzt testet der Agent ihn in einem Browser, bevor er ihn speichert.
| Vor dem 4. November | Seit dem 4. November | |
|---|---|---|
| Aufbau | Eine Generierung in einem Durchgang | Ein Agent, der schreibt, prüft und korrigiert, Schritt für Schritt |
| Prüfung | Vor der Vorschau nicht getestet | In einem echten Browser getestet, in der Breite eines Telefons |
| Fragen | Vor dem Schreiben des Codes, dann am Ende | Sobald eine Entscheidung bei Ihnen liegt |
| Geteilte Daten | Ein Supabase-Projekt zum Verbinden | Eine von GoodBarber betriebene Datenbank, oder Ihr Supabase |
| Oberfläche | Das alte Studio | Neu gestaltet, hell oder dunkel wie Ihr Backoffice |
Das Design Ihrer App, vom Agenten angewendet
Sie müssen das schöne Design Ihrer App nicht selbst anwenden: Der Agent hat ein Werkzeug dafür. Bevor er die Stile eines Abschnitts wählt, liest er das Designsystem von GoodBarber.
Dort findet er die Schriftgrößen, die Abstände, die Rundungen, die Schatten und die Rolle jeder Farbe. Er sieht dort auch, wie ein Bildschirm der App aufgebaut ist und wann welche ihrer Komponenten zum Einsatz kommt. Das alles wendet er mit der Farbpalette und den Schriften Ihrer App an.
So übernimmt die Umfrage des Vereins den Stil seiner restlichen App.
Er fragt Sie, wenn die Entscheidung bei Ihnen liegt
Der Agent entscheidet selbst, was er entscheiden kann, und sagt Ihnen dann, was er gewählt hat. Wenn eine Entscheidung den Abschnitt verändert und er sie nicht für Sie treffen kann, stellt er Ihnen eine Frage. Sie wählen eine der vorgeschlagenen Antworten, höchstens vier, oder schreiben Ihre eigene. Er macht mit Ihrer Antwort weiter.
Wenn der Abschnitt einen externen Dienst aufrufen muss, zum Beispiel eine Wetter-API, gibt der Agent dessen Domain an und wartet auf Ihre Zustimmung. Lehnen Sie ab, baut er den Abschnitt ohne ihn.
Verlangt diese API einen Schlüssel, fragt der Agent Sie in einem gesicherten Feld danach, nie im Gespräch. Eine Antwort, die wie ein Schlüssel oder ein Passwort aussieht, wird nicht an den Agenten weitergegeben. Der Agent kennt nur die Namen Ihrer Schlüssel.
Das Studio erinnert Sie außerdem an eine Regel: Jede Person, die die App öffnet, kann diese Aufrufe mit Ihrem Schlüssel auslösen. Verwenden Sie einen Schlüssel, der auf diesen Zweck beschränkt ist.
Die GoodBarber-Datenbank: geteilte Daten ohne eigenes Konto
Eine Umfrage oder eine Rangliste: Sobald ein Abschnitt Daten zwischen Ihren Nutzern teilt, schlägt der Agent vor, die Datenbank Ihrer App zu erstellen. Es gibt eine pro App, von GoodBarber betrieben. Sie eröffnen kein Konto bei einem Datenbankanbieter.
Alle Nutzer der App lesen ihre Daten, und jeder ändert nur, was er selbst hinzugefügt hat. Legen Sie dort also keine privaten Informationen ab. Ihre Nutzer brauchen kein Konto, um dort zu schreiben.
Wenn der Agent den Abschnitt testet, werden seine Schreibvorgänge abgelehnt: Ihre Daten bleiben unverändert.
Ihre App nutzt bereits Supabase? Ihre Abschnitte auf Supabase bleiben dort. Für den neuen Abschnitt behalten Sie Ihr Projekt, oder Sie erstellen die GoodBarber-Datenbank: Die neuen Abschnitte der App nutzen sie dann ebenfalls.
Vor einer Änderung, die bereits gespeicherte Daten betrifft, zeigt Ihnen der Agent, was sie betrifft: die Tabellen, die Anzahl der Einträge, die anderen Abschnitte, die diese Daten lesen. Sie stimmen zu, oder er passt den Abschnitt so an, dass er ohne diese Änderung funktioniert.
Sie sehen bei jedem Schritt, was er tut
Rechnen Sie mit mehr als ein paar Sekunden: Der Agent schreibt, testet und korrigiert, bevor er Ihnen die Kontrolle zurückgibt. Die Ladekarte zeigt Ihnen, was er gerade tut: den Kontext der App lesen, eine Datei schreiben, den Abschnitt in einem Browser öffnen. Während er arbeitet, können Sie die Code-Ansicht öffnen und die Dateien lesen, nur lesend. Bearbeiten können Sie wieder am Ende.
Kommt der Agent nicht ans Ziel, sagt er es Ihnen, und nichts wird geändert: Ihre aktuelle Version bleibt bestehen.
Jede Version wird aufbewahrt. Bitten Sie darum, zurückzugehen: Der Agent schlägt Ihnen die Version vor, und Sie bestätigen. Bei einem Abschnitt auf der GoodBarber-Datenbank wählen Sie, was zurückkommt: der Code und die Struktur, wobei Ihre Daten so bleiben, wie sie sind, oder auch die Daten, wie sie waren, wenn ihre Kopie weniger als 15 Tage alt ist.
Eine neu gestaltete Oberfläche
Das Studio übernimmt das Erscheinungsbild Ihres Backoffice, hell oder dunkel. Auf einem großen Bildschirm erscheint die Vorschau in einem Telefon, und das Gespräch schwebt darüber, in einer Karte, die Sie an ihrer Kopfzeile verschieben. Auf einem Bildschirm mit 1.024 Pixeln Breite oder weniger wird das Gespräch zu einer Schublade am unteren Bildschirmrand.
Die Büroklammer in der Eingabeleiste fügt jederzeit Dateien hinzu, zum Beispiel ein Foto oder ein Logo. Ziehen Sie sie ins Fenster oder durchsuchen Sie Ihren Computer, und nennen Sie sie dann mit @ in Ihrer Anfrage.
Was Ihre Nutzer sehen
Ein Abschnitt teilt seine Daten, ohne dass Sie einen Dienst anbinden müssen: Eine Stimme erscheint in den Ergebnissen aller Nutzer.
Probieren Sie es in Ihrer App aus
Öffnen Sie einen Abschnitt „Mit KI gestalten“ in Ihrem Backoffice und beschreiben Sie, was Sie möchten: eine Umfrage, eine Rangliste, eine Seite mit den Angeboten Ihres Shops. Der AI Extension Builder ist für Content- und eCommerce-Apps kostenlos. Neu im Builder? Beginnen Sie mit der Anleitung zum Erstellen von Abschnitten mit KI. Sagen Sie uns, was Ihnen fehlt: Das bestimmt die nächsten Versionen.
Sie haben noch keine App? Erstellen Sie Ihre eigene: Die Testphase ist kostenlos.
