Builderius WordPress Page Builder integra Claude AI
Builderius lançou uma integração experimental de IA que conecta Claude da Anthropic a projetos WordPress ao vivo por meio do Model Context Protocol. A versão permite que a IA leia o estado completo de um modelo Builderius e aplique alterações estruturais diretamente dentro do ambiente de desenvolvimento visual. Em vez de gerar fragmentos isolados de código, o sistema opera no modelo real, no seu sistema de estilo e na sua estrutura de dados.
Builderius anunciou o lançamento em 21 de fevereiro de 2026. Os usuários conectam Claude à sua própria instalação do Builderius usando sua própria assinatura ou credenciais de API. As instalações do WordPress podem ser locais ou remotas. Uma vez conectado, a IA lê o modelo ativo, incluindo a árvore de elementos, estrutura CSS, variáveis de dados, esquema GraphQL, pontos de interrupção e o elemento atualmente selecionado. Ele pode então aplicar alterações diretamente dentro do construtor. O comunicado à imprensa descreve problemas que surgem quando os usuários devem descrever um projeto manualmente e descreve a integração como permitir que a IA leia o modelo ativo e aplique as alterações diretamente.
Arquitetura projetada para controle estruturado
Builderius desenvolve um ambiente de desenvolvimento visual para WordPress que armazena modelos como JSON, com cada nó mapeado diretamente para um elemento HTML. A árvore visível no construtor é a mesma árvore renderizada na página. Classes CSS, variáveis, configurações de elementos e o esquema GraphQL existem como dados estruturados dentro do projeto. A arquitetura foi projetada para controle do desenvolvedor, e a mesma estrutura agora dá à IA acesso ao estado ativo do projeto antes de executar qualquer ação.
Versões anteriores do Builderius usavam arquivos externos de habilidades de IA que permitiam que Claude consultasse a documentação, mas não inspecionasse o projeto real. A nova integração remove essa limitação. Por meio do MCP, a IA lê o modelo ativo antes de escrever o código ou editar os elementos. Ele lê o estado do projeto ativo antes de agir, incluindo a árvore de elementos, o esquema GraphQL e variáveis de dados com valores resolvidos. O comunicado de imprensa diz que a IA pode verificar os resultados e aplicar as alterações diretamente. Esse acesso permite que a IA leia o projeto ativo em vez de depender apenas da documentação.
Edição direta de tela e reconhecimento de CSS
O sistema apresenta vários recursos que operam na tela ativa. A IA adiciona, move, duplica, exclui e configura elementos diretamente. Ele lê todas as classes, variáveis e regras no CSS do projeto antes de escrever novos estilos e aplica primeiro as classes existentes. Quando gera um novo CSS, ele o coloca em classes reutilizáveis de nível de modelo, em vez de estilos embutidos. Ele também detecta qual elemento o usuário selecionou e insere ou edita conteúdo dentro desse elemento sem exigir descrição manual do contexto. O comunicado à imprensa descreve cliques repetitivos como um problema para a construção de grandes estruturas e diz que a IA lê o CSS do projeto antes de escrever novos estilos e aplica primeiro as classes existentes.
Loops de dados verificados por esquema e configuração mais rápida
Um dos recursos mais detalhados envolve loops de dados dinâmicos. A IA lê o esquema GraphQL do WordPress, escreve consultas usando nomes de campos verificados, cria a variável de dados necessária, verifica a saída resolvida e constrói a estrutura de loop com a sintaxe de ligação correta.
O comunicado à imprensa afirma que os loops de dados anteriormente exigiam aninhamento cuidadoso, sintaxe de ligação precisa e atenção a casos extremos, como atributos de imagem. Ele diz que um prompt como “Mostrar minhas últimas 6 postagens em uma grade com miniaturas, títulos e trechos” sai correto na primeira tentativa.
A empresa também afirma que o que antes exigia de uma a duas horas de revisão e depuração da documentação, agora pode levar menos de um minuto.
Layouts responsivos e acessibilidade no momento da criação
A IA lê os pontos de interrupção definidos e aplica alterações de layout no tamanho de tela correto. Quando um usuário pede para empilhar um layout de múltiplas colunas no celular, a IA muda para o ponto de interrupção apropriado e ajusta o layout. O comunicado de imprensa diz que a IA usa elementos HTML semânticos, como cabeçalho, navegação, principal e artigo, mantém a hierarquia de títulos e define atributos ARIA durante a criação do elemento. Os usuários podem solicitar uma auditoria WCAG 2.2 que executa doze verificações e retorna uma pontuação de zero a cem. O comunicado de imprensa diz que a acessibilidade é aplicada durante a criação do elemento, e não como uma etapa separada.
Lançamento experimental com limites definidos
Builderius define limites para a integração. A IA não gera imagens. Ele não escreve plug-ins PHP personalizados ou scripts JavaScript. Ele funciona no sistema de elementos do Builderius e na camada GraphQL. Ele não implanta sites e não salva alterações automaticamente sem a confirmação do usuário. A empresa chama o lançamento de experimental e diz que a IA lê o estado completo do projeto antes de agir, o que torna o sistema preciso, mas aumenta o tempo de processamento para edições simples, como alterar um título.
Componente planejado e suporte à renderização condicional
Builderius planeja adicionar suporte para criação de componentes reutilizáveis com propriedades digitadas e renderização condicional com base no tipo de postagem, status de login, campos personalizados ou expressões. A empresa também planeja passar de um único prompt de texto para prompts contextuais dentro dos painéis do construtor, como colocar assistência de consulta dentro do painel de dados dinâmicos ou editar prompts perto de elementos selecionados. O lançamento marca a primeira versão pública de um sistema experimental que permite que um modelo de IA leia e modifique um modelo WordPress ativo em nível estrutural.
Imagem em destaque por Shutterstock/officeBBstudio
