AI Extension Builder: lade deine eigenen Dateien hoch

Als wir den AI Extension Builder eingeführt haben, konnte er bereits eine maßgeschneiderte Sektion aus einem einzigen Prompt bauen. Ein Teil fehlte: dein eigenes Material. Bisher startete der Assistent bei null, schrieb den Code, zeigte ihn live, aber mit seinen eigenen Platzhalterbildern. Um dein Logo oder deine Daten zu verwenden, musstest du auf eine externe URL verweisen – einen fragilen Link, irgendwo anders gehostet. Der neue Datei-Manager macht diesen Schritt überflüssig.

Nehmen wir einen Laufverein, der eine Sektion „Rennkalender" in seiner App möchte.

Der Verantwortliche öffnet das Panel Assets und zieht zwei Dateien hinein: logo.png und eine rennen.csv mit den Terminen und Orten. Dann sagt er dem Assistenten:

„Zeig die kommenden Rennen aus dieser CSV, mit unserem Logo oben."

Der Assistent kennt diese Dateien bereits. Er erfindet sie nicht, baut sie nicht nach, codiert sie nicht in Base64: Er referenziert sie über ihre exakte URL – logo.png in einem <img>-Tag, rennen.csv über ein fetch(). Die Sektion erscheint live, in den Farben des Vereins, mit seinen echten Terminen.

Für einen Entwickler Tage an Arbeit, hier ein paar Minuten. Und das Ergebnis ist kein Mockup: Es ist eine native Extension, gehostet von GoodBarber, die wie jede andere Sektion in die veröffentlichte App wandert.

Das Panel Assets liegt in der Seitenleiste des Menüs Code im Extension Builder. Dort lädst du Dateien hoch, siehst sie in einer Liste und löschst sie. Und vor allem: Die KI kennt sie, wenn sie den Code generiert.

Bei jeder Generierung erhält der Assistent die Liste deiner Dateien – Name, Typ, URL – mit der Anweisung, sie unverändert zu verwenden. Daraus ergeben sich drei Unterschiede, die zählen:

Deine Dateien, keine Platzhalter. Das Logo auf dem Bildschirm ist deins. Die Daten auf dem Bildschirm sind deine. Kein nachträgliches Ersetzen von Demo-Bildern oder Beispielwerten mehr.

Stabile URLs, auf deiner eigenen Domain. Jede Datei erhält eine kanonische Adresse, ausgeliefert von der Domain deiner App, nicht von einem Drittanbieter. Die URL ändert sich nicht, wenn du den Code neu generierst, und die Datei reist mit der Extension: keine externe Abhängigkeit, kein Risiko eines toten Links.

Eine schnelle Erwähnung im Prompt. Während du deine Anfrage schreibst, tippe @ gefolgt vom Anfang eines Dateinamens: Die Liste erscheint, du wählst eine aus, der Name wird eingefügt. Kein URL-Kopieren von Hand.

Ein paar schnelle Beispiele: Lade dein Logo und deine Bilder hoch, und eine Sektion kommt schon in deiner Identität heraus; füge einen Hintergrund, ein Banner oder eine unverwechselbar eigene Illustration hinzu; oder – das, was am meisten freischaltet – gib dem Assistenten deine Daten.

Überraschend viele Sektionen sind im Grunde nur deine gut präsentierten Daten: eine Preisliste, ein Stundenplan, ein Verzeichnis, Ergebnisse, ein Katalog. Bisher hieß das, sie in eine No-Code-App zu bringen, sie von Hand abzutippen oder eine Tabelle Zelle für Zelle nachzubauen.

Jetzt lädst du eine .csv oder .json hoch, beschreibst die Sektion in natürlicher Sprache, und der Assistent baut eine, die deine Datei liest und anzeigt. Ändere einen Preis, füge eine Zeile hinzu, aktualisiere ein Datum: Du bearbeitest die Datei, die Sektion folgt. Kein Copy-paste, keine manuelle Tabelle, kein Entwickler dazwischen.

Wenn dein Ausgangspunkt eine Tabelle ist, ist das ein Terrain, das GoodBarber gut kennt: eine Tabellenkalkulation in eine mobile App verwandeln. Der Datei-Manager bringt dieselbe Idee in den AI Extension Builder: deine Daten, deine Sektion, auf der Stelle generiert.

Der AI Extension Builder schreibt Code nicht im luftleeren Raum: Er erzeugt Code, der nativ mit der GoodBarber-Plattform spricht, und erbt damit deren Hosting, Design-System und Store-Veröffentlichung. Der Datei-Manager führt diese Logik weiter. Deine Assets liegen nicht woanders: Sie leben auf der Infrastruktur von GoodBarber, an deine Sektion gebunden, in die Extension eingebettet. Nichts zu verkabeln, nichts extra zu zahlen, nichts auf deiner Seite zu warten.

Das ist der Unterschied zwischen einer KI, die einen Schnipsel zum Kopieren generiert, und einer KI, die eine lebendige Sektion in einer echten App liefert – und es fügt sich in die übrigen KI-Funktionen von GoodBarber ein, vom Texten der Inhalte bis zum RAG-Chatbot.

Welche Dateiformate kann ich hochladen? Bilder (PNG, JPG, GIF, WebP, SVG, AVIF) und Datendateien (JSON, CSV, TSV).

Wo werden meine Dateien gehostet? Auf der Infrastruktur von GoodBarber, ausgeliefert von der Domain deiner App, nicht von einem Drittanbieter. Jede Datei erhält eine stabile, kanonische URL und ist in deine Extension eingebettet: keine externe Abhängigkeit und kein Risiko eines toten Links.

Ist die generierte Sektion produktionsreif? Ja. Es ist eine Extension, die Hosting, Design-System, Kompilierung und Store-Veröffentlichung von GoodBarber erbt – dieselbe Pipeline wie jede andere Sektion, kein Schnipsel zum Kopieren.

Kann der Assistent strukturierte Daten aus meiner CSV oder JSON verwenden? Heute referenziert der Assistent deine Datendateien über ihre URL und liest sie (zum Beispiel per fetch()), um Inhalte anzuzeigen. Eine tiefere Verarbeitung strukturierter Daten – deine Spalten parsen und Zeilen direkt einfügen – ist der nächste Schritt auf der Roadmap.

Der AI Extension Builder ist in der Beta, verfügbar für alle Kunden aus dem Back-Office. Das Panel Assets ist schon da: Öffne eine Sektion, lade eine Datei hoch und bitte den Assistenten, sie zu verwenden. Als Nächstes auf der Roadmap: eine tiefere Verarbeitung strukturierter Daten – damit deine CSV- und JSON-Dateien zu echten Inhaltsquellen werden, nicht nur zu referenzierten Dateien.

Lade eine Datei hoch, schreib einen Prompt und sieh zu, wie deine Marke in den Code einzieht.