--- title: "AI Extension Builder: templates de artigos para a sua app" description: "Nomeie qualquer secção de conteúdo da sua app no seu prompt, e o AI Extension Builder constrói uma secção que mostra esse conteúdo — com o layout exato que desc" canonical_url: "https://pt.goodbarber.com/blog/ai-extension-builder-templates-de-artigos-para-a-sua-app-a1308/" lang: pt date: 2026-07-28 last_updated: 2026-07-29 --- # AI Extension Builder: templates de artigos para a sua app [Voltar](/blog/make-it-r19/) # AI Extension Builder: templates de artigos para a sua app Escrito por [Mathieu Poli](https://pt.goodbarber.com/blog/author/mathieu-poli/) na Terça-Feira 28 Julho 2026 ## Nomeie qualquer secção de conteúdo da sua app no seu prompt, e o AI Extension Builder constrói uma secção que mostra esse conteúdo — com o layout exato que descreveu. Os seus artigos, o seu template, sempre atualizado. ## O seu conteúdo, o template de outro — até agora ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/97497567-67892486.jpg?v=1785222669.6320546) Cada secção de conteúdo de uma app GoodBarber vem com uma gama de templates cuidadosamente desenhados. Escolhe um e funciona — é essa a vantagem de uma plataforma integrada. Mas o layout que tem em mente nem sempre está na lista. Talvez imagine os seus últimos artigos em estilo revista: uma grande foto de capa com o título sobreposto, cartões mais pequenos por baixo. Ou os seus eventos numa agenda compacta, só com a data e o local. Até agora, escolhia o template que mais se aproximava. O que muitos utilizadores do AI Extension Builder ainda não descobriram é que esse limite desapareceu. O builder não cria apenas widgets independentes — sabe ler o conteúdo das secções existentes da sua app. E isso torna-o em algo mais interessante do que um gerador de widgets: uma ferramenta para desenhar os seus próprios templates de apresentação. ## Descreva o template, nomeie a secção No AI Extension Builder pode mencionar qualquer secção de conteúdo da sua app pelo nome no seu prompt, e a secção gerada mostra o conteúdo real dessa secção. Não há nenhuma sintaxe para aprender, nenhum código para escrever, nenhum ecrã de configuração. Escreve o que quer e chama a sua secção pelo nome. Eis um prompt que lançámos, palavra por palavra, em julho de 2026 enquanto preparávamos este artigo: > «Mostra os 3 últimos artigos da minha secção Desporto em estilo revista: o primeiro como cartão grande com foto em largura total e título sobreposto, os dois seguintes como miniaturas lado a lado por baixo.» O builder reconheceu «Desporto» como uma secção da app, ligou a nova secção ao seu conteúdo e desenhou o layout tal como descrito — foto de capa em largura total, título a negrito sobre a imagem, autor e data de publicação num selo, etiqueta de categoria. O artigo mostrado era o verdadeiro artigo mais recente dessa secção, obtido em direto a partir da app. Não eram dados de exemplo: era o conteúdo real. O resultado aparece na pré-visualização em direto, e continua a ser uma conversa. Demasiado apertado? Proporções erradas? Falta um botão «Ler mais»? Diga-o, e o builder afina o template — a ligação ao seu conteúdo mantém-se. ## Mostra o seu conteúdo real — e mantém-se atualizado Esta é a parte que muda a forma de ver a ferramenta. A secção gerada não copia os seus artigos no momento da criação; lê o conteúdo da secção quando é apresentada. Publique um artigo novo amanhã e o seu template personalizado mostra-o — nada para regenerar, nada para sincronizar. Desenhou a apresentação uma vez; o conteúdo continua a fluir através dela. Publicar nem sequer tem de significar abrir o back office. Com [o servidor MCP da GoodBarber](https://pt.goodbarber.com/blog/servidor-mcp-gerencie-o-conteudo-do-seu-app-por-conversa-a1258/) pode gerir o conteúdo da sua app por conversa, a partir do assistente de IA que já usa — e tudo o que chega à secção, o seu template personalizado mostra. ## Não são só artigos Em julho de 2026, o builder sabe ler seis tipos de secções de conteúdo: artigos, vídeos, podcasts, fotos, locais e eventos. Um prompt para cada um, todos retirados dos nossos testes: - **Vídeos** — «Mostra os 5 últimos vídeos da WMaker TV em grelha.» - **Podcasts** — «Lista os últimos episódios da secção Podcasts com um leitor de áudio.» - **Eventos** — «Mostra os próximos eventos da secção Eventos com o seu local e a sua data.» - **Fotos** — «Mostra as fotos da secção Galeria de fotos em mosaico quadrado.» - **Locais** — «Lista os locais da secção Locais com morada e coordenadas.» Cada tipo traz os seus próprios campos — um URL de vídeo, um leitor de áudio, uma data e um local, coordenadas no mapa — e o builder sabe quais fazem sentido para o layout que pede. ## Componha a sua própria primeira página Como uma mesma secção gerada pode ler várias secções ao mesmo tempo, pode ir um passo mais longe e desenhar um layout que nenhum template integrado oferece — uma primeira página só sua: > «Constrói uma secção com o último artigo de Política e Sociedade em cima, e o último vídeo da WMaker TV por baixo.» Uma secção, duas fontes de conteúdo, um layout decidido por si. Para um editor, é uma primeira página editorial montada por prompt; para qualquer outro, é uma forma de dar ao conteúdo mais importante da app um palco à sua medida. ## Os detalhes que fazem a diferença **Os nomes das secções são reconhecidos como uma pessoa os reconheceria.** Maiúsculas, acentos e os conectores «&», «+», «e» são intercambiáveis — pedir «bares e pubs» encontra a sua secção «Bares & Pubs». Escreve com naturalidade; o builder percebe de que secção fala. **Uma secção vazia não estraga nada.** Se a secção existe mas ainda não tem conteúdo, o template gerado mostra conteúdo de exemplo com um aviso visível a convidá-lo a preencher a secção. Assim que publicar, o conteúdo real assume o lugar. **O design combina com a sua app.** O builder desenha o template dentro do universo visual da sua app — as suas cores, a sua hierarquia — para que um layout personalizado não pareça um corpo estranho na navegação. ## Para continuar a ler - [AI Extension Builder: crie secções com IA](https://pt.goodbarber.com/blog/ai-extension-builder-crie-secoes-com-ia-sem-programar-a1242/) — como funciona o builder, se está a começar do zero. - [O AI Extension Builder agora aceita os seus ficheiros](https://pt.goodbarber.com/blog/ai-extension-builder-carrega-os-teus-ficheiros-a1294/) — leve os seus próprios ficheiros para uma secção gerada. - [AI Extension Builder: ligue o Supabase à sua app](https://pt.goodbarber.com/blog/ai-extension-builder-ligue-o-supabase-a-sua-app-a1296/) — dê a uma secção uma verdadeira camada de dados. - [Tudo o que perguntou no nosso AMA no Reddit](https://pt.goodbarber.com/blog/ai-extension-builder-tudo-o-que-perguntaste-no-nosso-ama-no-reddit-a1292/) — as perguntas que os criadores fazem mesmo. ## FAQ **O AI Extension Builder pode mostrar o conteúdo existente da minha app?** Sim. Mencione qualquer secção de conteúdo da sua app pelo nome no prompt de geração — «os 3 últimos artigos da minha secção Blog» — e o AI Extension Builder liga a secção gerada a esse conteúdo. Lê a secção em direto no momento da apresentação e mostra-a com o layout personalizado que descreveu. **Preciso de aprender uma sintaxe especial para referir as minhas secções?** Não. Nomeia a secção em linguagem natural, dentro do seu prompt normal: «os 3 últimos artigos da minha secção Blog». Maiúsculas, acentos e conectores como «&» ou «e» não importam — o builder reconhece o nome como uma pessoa o faria. **Que tipos de conteúdo pode mostrar uma secção gerada?** Artigos, vídeos, podcasts, fotos, locais e eventos. Cada tipo expõe os seus campos naturais — um leitor de áudio para os podcasts, uma data e um local para os eventos, coordenadas para os locais — e o builder usa os que o seu layout pede. **A secção atualiza-se quando publico conteúdo novo?** Sim, automaticamente. A secção gerada lê o conteúdo da sua secção no momento da apresentação: um artigo, um vídeo ou um evento novo aparece no seu template personalizado sem mexer no builder. **O que acontece se a secção mencionada estiver vazia?** O template mostra conteúdo de exemplo com um aviso claro de que a secção espera os primeiros elementos. Publique algo, e o conteúdo real substitui o exemplo. **Uma secção gerada pode mostrar conteúdo de várias secções?** Sim. Pode combinar fontes num mesmo layout — o último artigo de uma secção em cima, o último vídeo de outra por baixo — e cada fonte continua em direto e atualizada. **Posso alterar o template depois de gerado?** Sim. Afinar faz parte da mesma conversa: peça outra grelha, outro estilo de cartão, mais um botão. A ligação ao seu conteúdo mantém-se de versão em versão. ## Experimente numa secção que já tem Abra o [AI Extension Builder](https://pt.goodbarber.com/ai/) no back office da sua app GoodBarber e escolha a secção onde mais publica — o seu blog, os seus vídeos, os seus eventos. Descreva o template que sempre quis para ela: a grande foto de capa, a agenda compacta, o mosaico. Nomeie a secção no prompt e veja o seu próprio conteúdo instalar-se lá, apresentado à sua maneira. Depois continue a conversa até estar exatamente como quer — o builder existe para isso. ![Mathieu Poli](https://blog.goodbarber.com/_public/profile/65/6553d00ecdbe15f8aac2da7dddcff47648fdd791-default.jpg) Sobre o autor[Mathieu Poli](https://pt.goodbarber.com/blog/author/mathieu-poli/)Head of Frontend Engineering Sou Head of Frontend Engineering na GoodBarber Supervisiono as equipas que concebem os motores de renderização no coração da nossa plataforma no-code: são elas que dão vida aos projetos dos nossos utilizadores e os transformam em aplicações nativas, fluidas e cuidadas. Tudo o que se vê e se manipula no ecrã passa pelas suas mãos. Pioneiro do no-code móvel, apaixonado por arquitetura de software e design de produto, também dou aulas em universidades e escolas privadas. Aqui escrevo sobre engenharia frontend, design de produto e IA — e sobre tudo o que acontece quando estes três mundos se encontram. [Saiba mais](https://pt.goodbarber.com/blog/author/mathieu-poli/) [![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/hellomathieup)[![X](https://portal.ww-cdn.com/portal_static/svg/base2021/x.820492c586dd.svg)](https://x.com/hellomathieup/)