---
title: "AI Extension Builder - App-extensie"
description: "Beschrijf een functie en de AI creëert deze in je app"
canonical_url: "https://nl.goodbarber.com/extensions/ai-extension-builder/"
lang: nl
---

# AI Extension Builder - App-extensie

![](https://portal.ww-cdn.com/portal_static/svg/fapro/light/chevron-left.12142ccf5da5.svg)[Bekijk meer extensies](https://nl.goodbarber.com/extensions/)

![illustration for AI Extension Builder](https://portal.ww-cdn.com/portal_static/images/addons/aiextensionbuilder-icon.c9ff9d61c7ef.jpg)

# AI Extension Builder

Beschrijf een functie en de AI creëert deze in je app

![](https://portal.ww-cdn.com/portal_static/svg/marketplace_featurelabel_builtin_dark.74938a55002f.svg)Gebouwd door GoodBarber

Deze functie is ontwikkeld en wordt onderhouden door het GoodBarber-team

|Voor content- en e-commerce-apps|Gratis

## Maak aangepaste secties door te beschrijven wat je wilt

Een AI-agent die jouw ideeën omzet in functies

![](https://portal.ww-cdn.com/portal_static/images/addons/aiextensionbuilder_prompt_window.a70ed08a4511.jpg)

Met AI Extension Builder beschrijf je de functionaliteit die je nodig hebt in natuurlijke taal en een AI-agent genereert de code, integreert deze in je app en geeft het resultaat in realtime weer.

Je hoeft niet te weten hoe je moet coderen. Je hoeft geen ontwikkelaar in te huren. Jij beschrijft, de agent bouwt.

## Verfijn je resultaten door middel van conversatie

Iterate in een paar uitwisselingen, niet een paar dagen

![](https://portal.ww-cdn.com/portal_static/images/addons/aiextensionbuilder_conversation.6af88c6d5c0f.jpg)

De creatie stopt niet bij het eerste resultaat. Je voert een dialoog met de agent om de rendering aan te passen: verplaats een element, verander de kleuren, pas de grootte aan, voeg een gedrag toe. Bij elk verzoek wordt de sectie opnieuw gegenereerd. Het proces lijkt op een gesprek met een ontwikkelaar - behalve dat hij binnen enkele seconden reageert.

Als je de code begrijpt, kun je de gegenereerde bestanden ook handmatig bewerken vanuit je backoffice. De twee benaderingen kunnen worden gecombineerd.

## Toegang tot dezelfde API's als ontwikkelaars

Lokale opslag, geolocatie, abonnementen, nati

L'agent ne travaille pas dans un bac à sable limité. Il utilise les APIs publiques de GoodBarber (les mêmes que les développeurs utilisent pour créer des sections Custom Code). Concrètement, cela permet de créer des sections générées par l'IA qui peuvent :

- ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg)

  Stocker des données localement sur l'appareil, disponibles même hors connexion

- ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg)

  Associer des données par utilisateur grâce au système d'authentification

- ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg)

  Adapter le contenu selon le statut d'abonnement (gratuit ou premium)

- ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg)

  Interroger la géolocalisation et ouvrir Apple Plans ou Google Maps

- ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg)

  Déclencher le partage natif et les alertes système

- ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg)

  Détecter la connectivité réseau

- ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg)

  Appliquer automatiquement le style global de votre app (typographie, couleurs, espacements)

## Ne partez pas d'une page blanche

Une bibliothèque de prompts prêts à l'emploi pour démarrer

![](https://portal.ww-cdn.com/portal_static/images/addons/aiextensionbuilder_prompt_library.f0ccd38b3b76.jpg)

Vous ne savez pas quoi demander à l'agent ? La bibliothèque de prompts intégrée vous propose des points de départ concrets : minuteur Pomodoro, tracker d'habitudes hebdomadaire, mémo de parking avec lancement GPS, livre de recettes avec ajustement des portions. Chaque prompt est un modèle fonctionnel que vous pouvez utiliser tel quel ou adapter à votre contexte.

C'est aussi un moyen d'apprendre. En observant comment un prompt est formulé et ce que l'agent produit, vous comprenez rapidement comment décrire vos propres idées.

## Une section en harmonie avec votre app

Design system, authentification et abonnements hérités automatiquement

Les sections créées avec AI Extension Builder ne sont pas des éléments isolés. Elles s'intègrent comme n'importe quelle section de votre app : elles héritent du design system global (polices, couleurs, contrastes), fonctionnent avec le système d'authentification utilisateur et respectent les niveaux d'abonnement définis dans votre app.

Ajoutez la section "Créer avec l'IA" depuis votre back office, décrivez votre idée, et publiez.
Pour voir des exemples concrets de ce que l'agent peut produire, consultez notre article [AI Extension Builder : créer des sections avec l'IA sans coder](https://fr.goodbarber.com/blog/ai-extension-builder-creer-des-sections-avec-l-ia-sans-coder-a1338/)

## Bijbehorende extensies

[illustration for AI-assistent AI-assistentVereenvoudig contentcreatie met de AI Assistant, ondersteund door OpenAIGratis](https://nl.goodbarber.com/extensions/ai-assistant/)

[illustration for ChatGPT ChatGPTUw app uitrusten met AIGratis](https://nl.goodbarber.com/extensions/chatgpt/)

[illustration for Google Sitemap &amp; Search Console Google Sitemap & Search ConsoleOptimaliseer de zichtbaarheid van je PWA op Google.Gratis](https://nl.goodbarber.com/extensions/sitemap-search-console/)

[illustration for Walkthrough voor app Walkthrough voor appMaak een geïntegreerde tutorial en leid uw gebruikers door de eerste lancering van uw app$5/maand](https://nl.goodbarber.com/extensions/walkthrough/)

[illustration for Offline OfflineDe content van uw app is ook zonder verbinding beschikbaarGratis](https://nl.goodbarber.com/extensions/offline-mode/)

[illustration for Aangepaste domeinnaam Aangepaste domeinnaamVersterk je merkidentiteit met een uniek domein voor je Progressive Web AppGratis](https://nl.goodbarber.com/extensions/custom-domain/)

[illustration for Meta Titel &amp; Meta Beschrijving Meta Titel & Meta BeschrijvingOptimaliseer de SEO en zichtbaarheid van je PWA met effectieve metatags.Gratis](https://nl.goodbarber.com/extensions/meta-title-description/)

[illustration for Delen op sociale netwerken optimaliseren Delen op sociale netwerken optimaliserenVerhoog de zichtbaarheid van je PWA op sociale netwerken door de metadata te optimaliseren voor delen.Gratis](https://nl.goodbarber.com/extensions/social-sharing-optimization/)

[illustration for Schema.org Schema.orgOptimaliseer je zoekresultaten met gestructureerde gegevens voor je PWA.Gratis](https://nl.goodbarber.com/extensions/schema/)

[illustration for Automatische URL-omleiding Automatische URL-omleidingHoud je links actief en optimaliseer je SEOGratis](https://nl.goodbarber.com/extensions/automatic-redirect/)
