--- title: "AI Extension Builder - App-Erweiterung" description: "Beschreiben Sie eine Funktion, die KI erstellt sie in Ihrer App" canonical_url: "https://de.goodbarber.com/extensions/ai-extension-builder/" lang: de --- # AI Extension Builder - App-Erweiterung ![](https://portal.ww-cdn.com/portal_static/svg/fapro/light/chevron-left.12142ccf5da5.svg)[Mehr Erweiterungen anzeigen](https://de.goodbarber.com/extensions/) ![illustration for AI Extension Builder](https://portal.ww-cdn.com/portal_static/images/addons/aiextensionbuilder-icon.c9ff9d61c7ef.jpg) # AI Extension Builder Beschreiben Sie eine Funktion, die KI erstellt sie in Ihrer App ![](https://portal.ww-cdn.com/portal_static/svg/marketplace_featurelabel_builtin_dark.74938a55002f.svg)Erstellt von GoodBarber Diese Funktion wird vom GoodBarber-Team entwickelt und verwaltet |Für Inhalts-Apps und E-Commerce-Apps|Kostenlos ## Erstellen Sie maßgeschneiderte Abschnitte, indem Sie beschreiben, was Sie wollen Ein KI-Agent, der Ihre Ideen in Funktionen umwandelt ![](https://portal.ww-cdn.com/portal_static/images/addons/aiextensionbuilder_prompt_window.a70ed08a4511.jpg) Mit dem AI Extension Builder beschreiben Sie in natürlicher Sprache die Funktion, die Sie benötigen, und ein AI-Agent generiert den Code, integriert ihn in Ihre App und zeigt das Ergebnis in Echtzeit an. Sie müssen nicht codieren können. Sie brauchen keinen Entwickler einzustellen. Sie beschreiben, der Agent baut. ## Verfeinern Sie das Ergebnis durch Gespräche Iterieren Sie in einigen Austauschen, nicht in einigen Tagen ![](https://portal.ww-cdn.com/portal_static/images/addons/aiextensionbuilder_conversation.6af88c6d5c0f.jpg) Die Erstellung endet nicht mit dem ersten Ergebnis. Sie treten in einen Dialog mit dem Agenten, um die Wiedergabe anzupassen: ein Element neu positionieren, die Farben ändern, eine Größe ändern, ein Verhalten hinzufügen. Jede Anfrage regeneriert den Abschnitt. Der Vorgang ähnelt einem Gespräch mit einem Entwickler - nur dass er innerhalb von Sekunden antwortet. Wenn Sie den Code verstehen, können Sie die erzeugten Dateien auch manuell aus Ihrem Backoffice heraus bearbeiten. Beide Ansätze lassen sich kombinieren. ## Zugriff auf dieselben APIs wie Entwickler Lokale Speicherung, Geolokalisierung, Abonnements, native Sharing Der Agent arbeitet nicht in einer begrenzten Sandbox. Er nutzt die öffentlichen APIs von GoodBarber (die gleichen, die Entwickler verwenden, um Custom Code-Abschnitte zu erstellen). Konkret können so von der KI erzeugte Abschnitte erstellt werden, die : - ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg) Daten lokal auf dem Gerät speichern, die auch offline verfügbar sind. - ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg) Daten mithilfe des Authentifizierungssystems nach Nutzern zuordnen. - ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg) Inhalte je nach Abonnementstatus (kostenlos oder Premium) anpassen. - ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg) Geolokalisierung abfragen und Apple Plans oder Google Maps öffnen. - ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg) Native Freigabe und Systemwarnungen auslösen. - ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg) Netzwerkkonnektivität erkennen - ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg) Automatisch den Gesamtstil Ihrer App anwenden (Typografie, Farben, Abstände) ## Fangen Sie nicht mit einer leeren Seite an Eine Bibliothek mit fertigen Prompts für den Start ![](https://portal.ww-cdn.com/portal_static/images/addons/aiextensionbuilder_prompt_library.f0ccd38b3b76.jpg) Sie wissen nicht, was Sie den Agenten fragen sollen? Die integrierte Prompt-Bibliothek bietet Ihnen konkrete Ansatzpunkte: Pomodoro-Timer, wöchentlicher Gewohnheitstracker, Parkplatz-Memo mit GPS-Start, Rezeptbuch mit Portionsanpassung. Jeder Prompt ist eine funktionale Vorlage, die Sie unverändert verwenden oder an Ihren Kontext anpassen können. Es ist auch eine Möglichkeit zu lernen. Wenn Sie beobachten, wie ein Prompt formuliert ist und was der Agent produziert, verstehen Sie schnell, wie Sie Ihre eigenen Ideen beschreiben können. ## Ein Abschnitt im Einklang mit Ihrer App Designsystem, Authentifizierung und automatisch vererbte Abonnements Die mit dem AI Extension Builder erstellten Sektionen sind keine isolierten Elemente. Sie integrieren sich wie jeder andere Abschnitt Ihrer App: Sie übernehmen das globale Designsystem (Schriftarten, Farben, Kontraste), funktionieren mit dem Benutzerauthentifizierungssystem und halten sich an die in Ihrer App definierten Abonnementstufen. Fügen Sie den Abschnitt "Mit KI gestalten" aus Ihrem Backoffice hinzu, beschreiben Sie Ihre Idee und veröffentlichen Sie sie. Konkrete Beispiele dafür, was der Agent leisten kann, finden Sie in unserem Artikel [AI Extension Builder: Abschnitte mit KI erstellen, ohne zu codieren](https://fr.goodbarber.com/blog/ai-extension-builder-creer-des-sections-avec-l-ia-sans-coder-a1338/). ## Zugehörige Erweiterungen [illustration for KI-Assistent KI-AssistentVereinfachen Sie die Erstellung von Inhalten mit dem KI-Assistenten, angetrieben von OpenAIKostenlos](https://de.goodbarber.com/extensions/ai-assistant/) [illustration for Google Sitemap & Search Console Google Sitemap & Search ConsoleOptimieren Sie die Sichtbarkeit Ihrer PWA auf Google.Kostenlos](https://de.goodbarber.com/extensions/sitemap-search-console/) [illustration for ChatGPT ChatGPTStärken Sie Ihre App mit KIKostenlos](https://de.goodbarber.com/extensions/chatgpt/) [illustration for App-Anleitung App-AnleitungErstellen Sie ein integriertes Tutorial und führen Sie Ihre Nutzer durch den ersten Start Ihrer App$5pro Monat](https://de.goodbarber.com/extensions/walkthrough/) [illustration for Offline OfflineDer Inhalt Ihrer App ist auch ohne Verbindung verfügbarKostenlos](https://de.goodbarber.com/extensions/offline-mode/) [illustration for Personalisierter Domainname Personalisierter DomainnameStärken Sie Ihre Markenidentität mit einer einheitlichen Domain für Ihre Progressive Web App.Kostenlos](https://de.goodbarber.com/extensions/custom-domain/) [illustration for Meta Title & Meta Description Meta Title & Meta DescriptionOptimieren Sie die Suchmaschinenoptimierung und die Sichtbarkeit Ihrer PWA durch effektive Meta-Tags.Kostenlos](https://de.goodbarber.com/extensions/meta-title-description/) [illustration for Optimierung der Weitergabe in sozialen Netzwerken Optimierung der Weitergabe in sozialen NetzwerkenSteigern Sie die Sichtbarkeit Ihrer PWA in sozialen Netzwerken, indem Sie die Metadaten für das Teilen optimieren.Kostenlos](https://de.goodbarber.com/extensions/social-sharing-optimization/) [illustration for Schema.org Schema.orgOptimieren Sie Ihre Suchergebnisse mit strukturierten Daten für Ihre PWA.Kostenlos](https://de.goodbarber.com/extensions/schema/) [illustration for Automatische URL-Weiterleitung Automatische URL-WeiterleitungHalten Sie Ihre Links stets aktiv und optimieren Sie Ihre SEOKostenlos](https://de.goodbarber.com/extensions/automatic-redirect/)