AI Extension Builder: o agente testa as suas secções e pode criar a base de dados da sua app

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 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: 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.

Com o motor anterior, 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.

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.

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.

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.

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.

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 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.

Uma secção partilha os seus dados sem que tenha de ligar nenhum serviço: um voto aparece nos resultados de todos os utilizadores.

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. Diga-nos o que lhe falta: é isso que orienta as próximas versões.

Ainda não tem app? Crie a sua: o período de teste é gratuito.