--- title: "AI Extension Builder: o agente e a base de dados GoodBarber" description: "Imagine um clube desportivo que quer que os seus membros escolham a data do torneio. Na sua secção Create with AI, escreve: “Adicione uma sondagem para escolher" canonical_url: "https://pt.goodbarber.com/blog/ai-extension-builder-o-agente-testa-as-suas-seccoes-e-pode-criar-a-base-de-dados-da-sua-app-a1393/" lang: pt date: 2026-11-05 last_updated: 2026-11-05 --- # AI Extension Builder: o agente testa as suas secções e pode criar a base de dados da sua app Desde 4 de novembro, o agente da secção “Create with AI” do AI Extension Builder testa as suas secções num navegador real antes de lhas devolver. Faz-lhe uma pergunta quando uma escolha lhe cabe a si, e pode criar a base de dados da sua app. O estúdio também muda de interface. ![](https://blog.goodbarber.com/_public/profile/b5/b5f3704c4117b921f2e8146eddf0b0763b3e1692-default.jpg) [Pierre-Laurent Medori](https://pt.goodbarber.com/blog/author/pierre-medori/)Head of Backend Engineering [Escolha a **GoodBarber** como suaFonte de notícias preferidaEscolha a **GoodBarber** como sua](https://www.google.com/preferences/source?q=pt.goodbarber.com) 5 de nov. de 2026 · 6 min de leitura ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/98605239-68813524.jpg?v=1793871162.352849) ## Uma sondagem, do pedido à secção Imagine um clube desportivo que quer que os seus membros escolham a data do torneio. Na sua secção [Create with AI](https://pt.goodbarber.com/extensions/ai-extension-builder/), escreve: “Adicione uma sondagem para escolher a data do torneio, com os resultados.” O agente lê primeiro o contexto da app: a paleta, os tipos de letra, o logótipo, os ficheiros já adicionados. Consulta o design system da GoodBarber, escrito pelos nossos designers. Depois escreve os ficheiros da secção. Os votos têm de ser partilhados entre todos os membros. O agente deteta-o e faz a pergunta, com três respostas: - **Create the app's database**: uma única base de dados, gerida pela GoodBarber. As suas tabelas começam vazias. - **[Connect my Supabase](https://pt.goodbarber.com/blog/ai-extension-builder-ligue-o-supabase-a-sua-app-a1296/)**: os dados vão para o projeto Supabase do clube. - **Cancel**: o agente faz a secção sem base de dados, e cada telemóvel só vê os seus próprios votos. O clube escolhe a base de dados da GoodBarber. O agente abre então a secção num navegador, à largura de um telemóvel, e experimenta os seus botões. Procura erros: um script que falha, uma imagem partida, um texto que sai do ecrã. Corrige o que encontra e depois guarda a secção. Os membros votam e todos veem os resultados. Cada um só altera o seu próprio voto. ## O que muda em relação ao motor anterior Com [o motor anterior](https://pt.goodbarber.com/blog/o-ai-extension-builder-ja-funciona-com-gpt-6-luna-a1354/), o código de uma secção aparecia na sua pré-visualização sem ter sido testado. Agora, o agente testa-o num navegador antes de o guardar. | | Antes de 4 de novembro | Desde 4 de novembro | | ----------------- | ------------------------------------------- | ----------------------------------------------------------- | | Construção | Uma geração numa única passagem | Um agente que escreve, revê e corrige, passo a passo | | Verificação | Não testado antes da pré-visualização | Testado num navegador real, à largura de um telemóvel | | Perguntas | Antes de escrever o código, e depois no fim | Assim que uma escolha lhe cabe a si | | Dados partilhados | Um projeto Supabase para ligar | Uma base de dados gerida pela GoodBarber, ou o seu Supabase | | Interface | O estúdio anterior | Redesenhada, clara ou escura como o seu back office | ## O design da sua app, aplicado pelo agente Não precisa de aplicar o belo design da sua app: o agente tem uma ferramenta para isso. Antes de escolher os estilos de uma secção, lê o design system da GoodBarber. Encontra lá os tamanhos de texto, os espaçamentos, os arredondamentos, as sombras e o papel de cada cor. Vê também como se compõe um ecrã da app, e quando usar cada um dos seus componentes. Aplica tudo com a paleta e os tipos de letra da sua app. A sondagem do clube adota assim o estilo do resto da sua app. ## Faz-lhe uma pergunta quando a escolha é sua O agente decide sozinho o que pode decidir, e depois diz-lhe o que escolheu. Quando uma escolha muda a secção e não a pode fazer por si, faz-lhe uma pergunta. Escolhe uma das respostas propostas, quatro no máximo, ou escreve a sua. O agente continua com a sua resposta. Se a secção tiver de chamar um serviço externo, uma API de meteorologia por exemplo, o agente declara o seu domínio e espera pela sua autorização. Se recusar, faz a secção sem ele. Se essa API pedir uma chave, o agente pede-lha num campo seguro, nunca na conversa. Uma resposta que pareça uma chave ou uma palavra-passe não é transmitida ao agente. O agente só conhece o nome das suas chaves. O estúdio lembra-lhe também uma regra: qualquer pessoa que abra a app pode desencadear estas chamadas com a sua chave. Forneça uma chave limitada a esta utilização. ## A base de dados GoodBarber: dados partilhados sem abrir nenhuma conta ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/98605239-68813528.jpg?v=1793871163.4848585) Uma sondagem ou uma classificação: assim que uma secção partilha dados entre os seus utilizadores, o agente propõe criar a base de dados da sua app. Há uma por app, gerida pela GoodBarber. Não abre nenhuma conta num fornecedor de bases de dados. Todos os utilizadores da app leem os seus dados, e cada um só altera o que adicionou. Por isso, não guarde lá informações privadas. Os seus utilizadores não precisam de conta para lá escrever. Quando o agente testa a secção, as suas escritas são recusadas: os seus dados não mudam. A sua app já usa o Supabase? As suas secções no Supabase ficam lá. Para a nova secção, mantém o seu projeto ou cria a base de dados GoodBarber: as novas secções da app também a vão usar. Antes de uma alteração que afeta dados já guardados, o agente mostra-lhe o que altera: as tabelas, o número de entradas, as outras secções que leem esses dados. Aceita, ou o agente adapta a secção para que funcione sem essa alteração. ## Vê o que ele faz, a cada passo Conte com mais do que alguns segundos: o agente escreve, testa e corrige antes de lhe devolver o controlo. O cartão de carregamento diz-lhe o que está a fazer nesse momento: lê o contexto da app, escreve um ficheiro, abre a secção num navegador. Enquanto trabalha, pode abrir a vista de código e ler os ficheiros, só em leitura. A edição volta no fim. Se o agente não conseguir chegar ao fim, diz-lho, e nada é alterado: a sua versão atual mantém-se. Cada versão fica guardada. Peça para voltar atrás: o agente propõe-lhe a versão, e confirma. Para uma secção na base de dados GoodBarber, escolhe o que volta: o código e a estrutura, ficando os seus dados como estão, ou também os dados como estavam, se a cópia tiver menos de 15 dias. ## Uma interface redesenhada ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/98605239-68813530.jpg?v=1793871165.2128732) O estúdio adota o aspeto do seu back office, em claro ou em escuro. Num ecrã grande, a pré-visualização aparece dentro de um telemóvel e a conversa flutua por cima, num cartão que desloca pelo cabeçalho. Num ecrã com 1024 píxeis de largura ou menos, a conversa passa a ser uma gaveta na parte de baixo do ecrã. O [clipe](https://pt.goodbarber.com/blog/ai-extension-builder-carrega-os-teus-ficheiros-a1294/) da barra de escrita adiciona ficheiros a qualquer momento, uma foto ou um logótipo por exemplo. Arraste-os para a janela ou procure-os no seu computador, e depois cite-os com @ no seu pedido. ## O que os seus utilizadores veem Uma secção partilha os seus dados sem que tenha de ligar nenhum serviço: um voto aparece nos resultados de todos os utilizadores. ## Experimente na sua app Abra uma secção “Create with AI” no seu back office e descreva o que quer: uma sondagem, uma classificação, uma página com as promoções da sua loja. O AI Extension Builder é gratuito para as apps Content e eCommerce. É novo no builder? Comece pelo [guia para criar secções com IA](https://pt.goodbarber.com/blog/ai-extension-builder-crie-secoes-com-ia-sem-programar-a1242/). Diga-nos o que lhe falta: é isso que orienta as próximas versões. Ainda não tem app? [Crie a sua](https://pt.goodbarber.com/ai-app-builder/): o período de teste é gratuito. Siga a GoodBarber no Google [![Adicione como fonte preferencial no Google](https://portal.ww-cdn.com/portal_static/images/preferred-source/badge-pt.7226f5ccc026.png)](https://www.google.com/preferences/source?q=pt.goodbarber.com) ![](https://blog.goodbarber.com/_public/profile/b5/b5f3704c4117b921f2e8146eddf0b0763b3e1692-default.jpg) Sobre o autor PIERRE MEDORI Head of Backend Engineering Sou Head of Backend Engineering na GoodBarber, onde construímos a plataforma que permite a qualquer pessoa criar aplicações nativas sem escrever uma linha de código. A minha equipa é responsável por tudo o que acontece nos bastidores — as APIs, os serviços e a infraestrutura que transformam um projeto no-code em aplicações realmente publicadas, com alojamento, notificações push e uma loja completa. Escrevo sobre a engenharia que mantém o no-code a funcionar em grande escala e sobre o papel que a IA desempenha nisso. [Mais de Pierre](https://pt.goodbarber.com/blog/author/pierre-medori/)[LinkedIn](https://www.linkedin.com/in/pierre-laurent-medori/)