Jede App

Ihre App mit KI verwalten

Die KI von GoodBarber arbeitet nicht nur an der App, die Ihre Nutzer sehen. Vier Werkzeuge arbeiten auf Ihrer Seite des Bildschirms, und jedes öffnet eine Tür, die bisher verschlossen war: eine Funktion bekommen, die es nirgends sonst gibt, Ihre App aus Claude oder ChatGPT steuern, Ihre Inhalte mit einem zweiten Paar Hände schreiben, ein Farbschema finden, ohne einen Tag dafür zu verlieren.

Kapitel 1Vier Werkzeuge, und wo Sie sie finden

Sie sind bereits in Ihrer App. Nichts zu installieren, nichts einzuschalten, bevor Sie anfangen: Sie müssen nur wissen, wo Sie hinsehen.

Das WerkzeugWas es leistetWo Sie es finden
AI Extension BuilderBaut einen Bereich aus Ihrer BeschreibungMy App > Structure > Add, erste Kachel der Liste
MCP ServerÖffnet Ihre App für Claude, ChatGPT, Cursor und andere KI-WerkzeugeSettings > MCP Server & Public APIs
AI AssistantSchreibt, fasst zusammen, übersetzt und formuliert Ihre Inhalte umErste Schaltfläche in der Werkzeugleiste des Editors
Genius PaletteSchlägt ein Farbschema für die ganze App vorMy App > App style > Colors

Der Funktionsbauer, der MCP-Server und die Palette arbeiten in Content-Apps und in E-Commerce-Apps auf dieselbe Weise. Der Schreibassistent taucht überall dort auf, wo es einen Editor für formatierten Text gibt: in Artikeln, Events, Orten.

Kapitel 2Eine Funktion beschreiben, und sie bekommen

Dieses ist das jüngste der vier und das erstaunlichste bei der Arbeit. Sein Eingang liegt nicht dort, wo man ihn suchen würde: Er sitzt in der Auswahl der Bereichstypen.

Gehen Sie zu My App Structure, klicken Sie auf Add und sehen Sie sich die erste Kachel der Liste an, noch vor Artikeln und Fotos: die, die einen Bereich mit KI baut. Statt einen bestehenden Bereichstyp auszuwählen, beschreiben Sie den, den es nicht gibt.

Wie es funktioniert

Der Screen öffnet sich in zwei Spalten. Links eine Unterhaltung. Rechts eine Vorschau dessen, was gebaut wurde. Sie beschreiben, was Sie wollen, in welcher Sprache Sie wollen, so ausführlich Sie wollen. Der Assistent baut es, sagt Ihnen in einem Satz, was er getan hat, und die Vorschau füllt sich.

Sie führen die Unterhaltung weiter, um nachzujustieren. Jeder Austausch erzeugt eine Fassung, und der Verlauf bewahrt sie alle, jede mit der Anfrage beschriftet, aus der sie hervorging. Zurückzugehen ist immer möglich, und genau das macht das Ausprobieren gefahrlos.

Ein zweiter Reiter gibt Ihnen den erzeugten Code, mit den Dateien der Extension. Sie müssen dort nicht hin, und die allermeisten Nutzer werden es nie tun. Er ist für die da, die ihn lesen können, oder für einen Entwickler, den Sie zu Hilfe holen.

Wenn Ihnen das Ergebnis passt, veröffentlicht eine Schaltfläche es in Ihrer App, wo es ein Bereich wie jeder andere wird, in Ihrem Menü.

Das Studio zum Erstellen, auf dunklem Grund, in zwei Spalten. Links die Unterhaltung: die Anfrage des Nutzers in einem Kasten, dann die Antwort des Assistenten, die zusammenfasst, was er gebaut hat; unten das Feld, um weiterzumachen, mit einer Auswahl des Modus und einer Sendeschaltfläche. Rechts das Ergebnis in der Vorschau, in einem Telefonrahmen: ein laufendes Quiz, mit der Nummer der Frage, dem Punktestand, einem Fortschrittsbalken und vier Antworten zur Wahl. Oben rechts wechseln zwei Schaltflächen zwischen der Ansicht der Unterhaltung und der des Codes.
Die Anfrage links, die laufende Funktion rechts: Die ganze Schleife passt auf einen Screen.

Beschreiben Sie das Ergebnis, nicht den Weg

Das ist die Gewohnheit, die die Qualität des Ergebnisses stärker verändert als alles andere. Sagen Sie, was die Funktion leisten soll, nicht, wie sie dabei vorgehen soll. „Eine Schaltfläche, um zu merken, wo ich mein Auto abgestellt habe, und eine zweite, die mich dorthin zurückführt“ genügt: Der Assistent findet die Werkzeuge der Plattform von allein, die Standortberechtigung, die Ihre App bereits hat, die Karten-App des Telefons, den Speicher des Geräts.

Nennen Sie eine bestimmte Technik oder einen Dienst von außen, drängen Sie ihn aus diesem Rahmen. Sie müssen dann den Zugang zu diesem Dienst ausdrücklich erlauben, und was als eingebaute Funktion lief, wird zu einer Funktion, die nach außen verdrahtet ist.

Drei Einstellungen, die das Feld erheblich weiten

Das Studio hält drei unauffällige Panels bereit, die die Art dessen verändern, worum Sie bitten können.

Das erste nimmt Ihre Dateien auf: Bilder in so gut wie jedem Format und Datentabellen als CSV, TSV oder JSON. Dort abgelegt, werden sie von GoodBarber gehostet und erhalten eine feste Adresse, sodass die Funktion sie nutzen kann, ohne von einem Dienst von außen abzuhängen. Um in Ihrer Anfrage auf eine zu verweisen, tippen Sie das At-Zeichen gefolgt vom Anfang ihres Namens.

Dieses Panel macht aus einer Datei einen Bereich: ein Verzeichnis, eine Preisliste, eine Tarifübersicht werden in der App durchsuchbar, ohne über das CMS zu gehen. Mit einer Grenze, die man heute kennen sollte: Der Assistent liest Ihre Tabellen an ihrer Adresse, er wertet sie nicht Spalte für Spalte aus. Sie anzeigen, ja; sie im Detail miteinander verschneiden, noch nicht.

Das zweite verwahrt Zugangsschlüssel zu Diensten von außen, für den Fall, dass die von Ihnen beschriebene Funktion einen eigenen Dienst abfragen muss.

Das dritte verbindet eine gemeinsame Datenbank. Ohne sie bleibt alles, was Ihre Nutzer in die Funktion eintragen, auf ihrem Gerät, und niemand sonst sieht es. Mit ihr werden die Daten serverseitig gespeichert und von allen geteilt. Das ist der Unterschied zwischen einem persönlichen Kalorienzähler und einer Rangliste, die Ihre ganze Community teilt: dieselbe Funktion, zwei verschiedene Produkte.

Sie müssen das nicht allein herausfinden: Wenn das, was Sie beschreiben, ein gemeinsames Gedächtnis braucht, bietet das Studio von sich aus an, eines anzuschließen. Eine Schaltfläche, eine Verbindung zu Ihrem Supabase-Konto, und die Tabellen und Zugriffsregeln werden für Sie angelegt. Spätere Funktionen greifen mit einem Klick auf dieselbe Verbindung zurück.

Die Grenze, die Sie kennen sollten

Was Sie erhalten, ist eine auf Bestellung gebaute Funktion, kein Baustein des Produkts. Sie wird mit dem gebaut, was zur Hand ist: keine Bibliothek von außen, kein urheberrechtlich geschütztes Bild, alles auf dem Screen ist eigens entstanden. Und sie bleibt ein Bereich in Ihrer App, keine eigenständige Software: Das Studio baut ein Minispiel, es ist keine Spiele-Engine.

Die richtige Einordnung: Wenn das, was Sie wollen, bereits als Bereichstyp oder als Extension im Store existiert, nehmen Sie den nativen Baustein, er wird immer besser eingebunden und besser gepflegt sein. Wenn das, was Sie wollen, nirgends existiert und das Angebot eines Entwicklers das Projekt erledigen würde, beschreiben Sie es. Dort leistet es etwas, das sonst niemand leistete.

Und prüfen Sie es, wie Sie die Arbeit eines Handwerkers prüfen würden: auf einem echten Telefon, mit echten Inhalten, bevor Sie es veröffentlichen.

Vier Beispiele, mit den Ergebnissen vor Augen

Der Blog geht jeden Punkt dieses Kapitels durch und zeigt, was dabei wirklich herauskommt, Prompt inbegriffen.

Kapitel 3Ihre App aus Claude oder ChatGPT steuern

Die anderen drei Werkzeuge leben im Backoffice. Dieses macht das Gegenteil: Es öffnet Ihre App für die KI-Werkzeuge, die Sie anderswo bereits nutzen, Claude, ChatGPT, Cursor oder ein anderes.

Der Mechanismus heißt MCP-Server, für Model Context Protocol. Die Fassung in einem Satz: Es ist eine genormte Steckdose, über die eine KI in Ihrer App handeln kann, statt nur über sie zu sprechen. Sie fragen, welche zehn Produkte sich diesen Monat am besten verkauft haben, und sie holt die Antwort tatsächlich aus Ihrem Shop. Sie bitten darum, eine Benachrichtigung für 18 Uhr zu planen, und die Benachrichtigung ist geplant.

Wo Sie ihn einrichten

Der Screen ist bewusst kurz.

Er enthält zwei Dinge. Die Adresse Ihres Servers, mit ihrer Schaltfläche zum Kopieren, die Ihre App und keine andere bezeichnet. Und Ihre API-Schlüssel, die Sie auf dieser Seite in Sätzen anlegen, wobei jeder Satz widerrufbar ist, ohne die anderen anzurühren.

Die Verbindung selbst entsteht nicht hier. Sie beginnt am anderen Ende: In Claude oder in ChatGPT fügen Sie GoodBarber hinzu, so wie Sie jedes andere Werkzeug hinzufügen würden, und der auf dieser Seite angelegte Schlüssel weist Sie dort aus. Behalten Sie diese Richtung im Kopf, sie erklärt, warum der Screen so kurz ist: GoodBarber öffnet die Steckdose, Ihre KI kommt und steckt sich hinein.

Das Vorgehen ist Werkzeug für Werkzeug veröffentlicht: Claude verbinden, ChatGPT und Codex verbinden, und der vollständige Überblick über MCP.

Wo Sie es findenSettings MCP Server & Public APIs
Der Einstellungsscreen, der die App für KIs von außen öffnet, in zwei Karten. Die erste gibt die Adresse des Servers in einem schreibgeschützten Feld an, hier unkenntlich gemacht, weil sie zu einer bestimmten App gehört, mit einer Schaltfläche zum Kopieren und einem Link zum öffentlichen Verzeichnis der Rezepte. Die zweite legt Sätze von Zugangsschlüsseln an und verweist auf die technische Dokumentation.
Zwei Blöcke: die Adresse zum Kopieren und Schlüssel, die sich einzeln widerrufen lassen.

Die 44 fertigen Rezepte

Eine offene Steckdose sagt Ihnen nicht, worum Sie bitten sollen. Das ist die Aufgabe der 44 Skills, die GoodBarber offen auf GitHub veröffentlicht und die über den Link auf demselben Screen erreichbar sind. Jeder ist ein schriftliches Rezept, das Ihrer KI beibringt, eine gängige Aufgabe von Anfang bis Ende auszuführen.

FamilieWie vieleDie Art von Anfragen, die sie abdecken
eCommerce18Bestseller, Bestände, Werbeaktionen, Wissen über die Kundschaft
Inhalte und CMS11Einen Artikel veröffentlichen, prüfen, was live ist, einen Redaktionsplan führen
Mitgliedschaften10Abonnements verfolgen, Verlängerungstermine im Auge behalten, eine Benachrichtigung ausrichten
Community5Berichte über das Publikum, Benachrichtigungen an alle, Überblick über die Geräte

Sie sind offen und dürfen weitergegeben werden, was vor allem für Reseller zählt: Sie können umbenannt und unter der eigenen Marke erneut veröffentlicht werden.

Was sich ändert, und was nicht

Was sich ändert: wiederkehrende Handgriffe und Fragen zur Beobachtung. Ihr Bild vom Montagmorgen bekommen, ohne vier Screens zu öffnen, zwanzig Produktseiten in einem Zug richtigstellen, eine Kampagne im Diktat vorbereiten. Das sind Aufgaben, bei denen das Backoffice viele Klicks und sehr wenige Entscheidungen verlangt.

Was sich nicht ändert: Die Verantwortung bleibt Ihre. Die Plattform ist auf Agenten vorbereitet, sie fliegt nicht im Autopiloten. Eine KI, die mit Ihrer App verbunden ist, handelt in Ihrem Namen, auf echten Daten, und sie hat nicht Ihr Urteil darüber, was veröffentlicht werden sollte. Beginnen Sie mit Anfragen, die lesen, bevor Sie zu solchen übergehen, die schreiben, prüfen Sie, was getan wurde, und behalten Sie die Hand auf allem, was zu Ihren Nutzern hinausgeht.

Kapitel 4Der Assistent, der mit Ihnen schreibt

Ein Symbol öffnet die Werkzeugleiste des Editors, links von den Schaltflächen für die Formatierung. Sie finden es an derselben Stelle in einem Artikel, in einem Event und in einem Ort. Es klappt fünf Befehle auf, und der Unterschied zwischen ihnen lohnt sich zu verstehen, bevor Sie klicken.

Vier davon arbeiten an dem Text, den Sie ausgewählt haben: ihn ergänzen, ihn zusammenfassen, ihn übersetzen, seinen Ton ändern. Nie an der ganzen Seite, immer an der markierten Passage, womit Sie einen Absatz überarbeiten, ohne die anderen anzurühren. Die Übersetzung deckt sieben Sprachen ab: Deutsch, Englisch, Französisch, Italienisch, Niederländisch, Portugiesisch und Spanisch. Den Ton gibt es in fünf Registern, von lehrreich bis locker, über professionell, einfühlsam und sachlich.

Der fünfte, in der Mitte des Menüs, ist ein freier Assistent, und er ist der einzige, der bei null anfängt: Sie beschreiben, was Sie erhalten wollen.

Daraus ergibt sich die Logik des Werkzeugs, die man vor dem Klicken verstanden haben sollte: Der Assistent überarbeitet einen Text, er füllt keine leere Seite, es sei denn, Sie sagen ihm genau, was hineingehört. Die Gewohnheit, die daraus folgt, ist einfach und erspart Ihnen die Frage, warum nichts passiert: erst auswählen, dann bitten.

Die Werkzeugleiste des Inhaltseditors. Ihre erste Schaltfläche, mit einem Funkelsymbol markiert und hervorgehoben, weil sie geöffnet ist, klappt ein Menü mit fünf Befehlen auf: Vier arbeiten am ausgewählten Text, der dritte der Liste ist der freie Assistent. Die letzten beiden tragen einen Winkel, der ein Untermenü ankündigt. Dahinter ist der Bearbeitungsbereich leer.
Vier von fünf Befehlen arbeiten an der Passage, die Sie ausgewählt haben: Nur der freie Assistent fängt bei null an.

Was er wirklich verändert

Der Gewinn zeigt sich in der Menge, nicht am einzelnen Stück. Ein Shop, der vierzig Produkte online stellt, hat vierzig Beschreibungen zu schreiben, alle gleich gebaut, alle mühsam zu erzeugen und dennoch entscheidend für SEO wie für den Verkauf. Ein Verlag, der in drei Sprachen arbeitet, macht dieselbe Übersetzungsarbeit dreimal. Diese Wiederholungen fängt der Assistent auf.

Er fängt auch Brüche im Register auf. Ein von einer Ingenieurin geschriebener Text, durch den lehrreichen Ton geschickt, wird für eine Kundin lesbar, ohne dass jemand mit der Verfasserin verhandeln müsste.

Die Grenze, die Sie kennen sollten

Der Assistent schreibt richtig, er schreibt nicht wie Sie. Er erzeugt saubere, durchschnittliche Prosa ohne Kanten, und Kanten sind genau das, was Ihre App von den dreißig anderen Ihres Fachs unterscheidet. Setzen Sie ihn für das undankbare Material ein, behalten Sie Ihre Stimme für das, wofür Ihre Leser zu Ihnen kommen, und lesen Sie alles, was unter Ihrem Namen hinausgeht.

Eine einfache Regel, an die sich die Teams halten, die ihn gut einsetzen: Die KI schreibt die erste Fassung, nie die letzte.

Kapitel 5Ein Farbschema mit einem Klick

Das Werkzeug heißt im Extensions Store Genius Palette, und der Link, der es auslöst, heißt auf dem Farbscreen Magic palette. Es ist dasselbe.

Der Link steht oben rechts im Block der Farbthemen. Ein Klick, und das ganze Schema wechselt auf einmal: die beiden Farben der Kopfzeile, die vier Hauptfarben, aus denen Smart Design den Rest der App baut, und die Nebenfarben darunter.

Klicken Sie erneut, und Sie erhalten einen völlig anderen Vorschlag: Sie erzeugen neu, bis Sie auf ein Schema stoßen, das Sie anspricht. Eine Schaltfläche setzt die ursprünglichen Farben zurück, und vor allem wird nichts auf Ihre App angewendet, bevor Sie bestätigen, denn der Fußbereich lässt Ihnen bis zuletzt die Möglichkeit abzubrechen. Sie können also fünfzehn davon ausprobieren, ohne etwas zu riskieren.

Was die Palette nicht leistet: Sie weiß nichts von Ihrem Logo, von Ihren Markenrichtlinien oder von dem Feld, in dem Sie antreten. Sie ist hervorragend, um von einer leeren Seite wegzukommen, oder um jemandem, der sich nicht entscheiden kann, drei Richtungen zu zeigen. Sie ersetzt keine Markenidentität, wenn Sie eine haben.

Eine nützliche Gewohnheit: Öffnen Sie nach dem Anwenden einer Palette zwei oder drei echte Screens in der Vorschau, eine Liste, einen Artikel, ein Formular. Ein Schema, das auf vier Farbfeldern ansprechend wirkt, kann sich auf einer dichten Liste als unleserlich erweisen.

Wo Sie es findenMy App App style Colors
Der Farbblock der App im Backoffice. Oben das aktuelle Thema in der Mitte eines Karussells von Themen, mit dem Link, der die Erzeugung auslöst, rechts, und über dem Vorschaubild eine Schaltfläche, die zu den Ausgangsfarben zurückführt. Darunter die beiden Farben der Kopfzeile, dann die vier Hauptfarben, jede auf einem Chip mit ihrem hexadezimalen Code. Ganz unten zwei Schaltflächen: abbrechen oder anwenden.
Ein vollständiger Vorschlag mit einem Klick, und nichts erreicht die App, bevor Sie zustimmen.

Kapitel 6Drei Dinge, die Sie vorher wissen sollten

GoodBarber öffnet die Tür, es verkauft nicht, was durch die Tür kommt. Die vier Werkzeuge sind aus Ihrem Backoffice heraus erreichbar, aber der MCP-Server setzt voraus, dass Sie Claude, ChatGPT oder ein gleichwertiges Werkzeug bereits auf Ihrer Seite haben, samt dem passenden Abonnement.

KI arbeitet gut an dem, was bereits in Ordnung ist. Das gilt für alle vier Werkzeuge, und es ist das am wenigsten Offensichtliche, das sie gemeinsam haben. Eine KI, die einen wirren Text überarbeitet, erzeugt einen wirren Text, der sich gut liest. Eine Palette über einer App, deren Struktur unleserlich ist, macht sie nicht leserlich. Erst aufräumen, dann beschleunigen.

Fangen Sie mit einem an. Diese vier Werkzeuge berühren vier sehr verschiedene Momente Ihrer Arbeit, und nichts sagt, dass Sie sie zusammen übernehmen müssten. Nehmen Sie das, welches zu Ihrer schmerzhaftesten Woche passt: den Funktionsbauer, wenn ein Projekt mangels Entwickler feststeckt, den MCP-Server, wenn Sie mehr Zeit damit verbringen, Ihre App abzufragen, als sie zu führen, den Schreibassistenten, wenn Sie viel veröffentlichen, die Palette, wenn Sie gerade erst anfangen.