Recentemente, explorei uma integração que mudou minha perspectiva sobre o desenvolvimento de temas de blocos no WordPress. Utilizando o Claude Code em conjunto com o WordPress Playground e o servidor MCP (Model Context Protocol) do DevTools, consegui um fluxo de trabalho onde a IA não apenas sugere código, mas “enxerga” e interage com a aplicação em tempo real.

O Ecossistema

A base do teste foi o desenvolvimento de temas de blocos (Block Themes) usando a Agent Skill wp-theme-block. O diferencial aqui é o uso do WordPress Playground rodando via Node.js, o que permite gerar URLs temporárias de teste diretamente do terminal.

Skill WordPress Playground

Muitas vezes quando uma tarefa é requisitada para uma ferramenta de desenvolvimento com Inteligência artificial, após a implementação ser feita pela ferramenta a resposta padrão é que o desenvolvedor cuide dos passos seguintes para testar as alterações.

Com a inclusão da skill do playground o agente de desenvolvimento já consegue instalar o plugin diretamente no playground e disponibilizar uma URL para teste em alguns casos verificar se aplicação está a ser executada sem falhas.

A Surpresa: O Servidor MCP do DevTools

O grande “pulo do gato” foi a integração com o servidor MCP do DevTools. Essa tecnologia permite que o Claude Code ou Gemini CLI tenha uma interação direta com o navegador.

O que isso significa na prática?

1. Validação Visual: O CLI consegue verificar se as alterações no tema ou plugin foram implementadas corretamente.
2. Interação com a UI: Em vez de apenas editar arquivos PHP ou CSS, a IA pode “navegar” pelo painel administrativo e realizar ações para corrigir os problemas.

O Caso do “Light Mode”: IA como Administradora

Durante os testes, pedi ao Claude Code para verificar porque a variação do (Light Mode) do tema não estava funcionando. Em um fluxo tradicional, a IA escreveria um novo código. No entanto, o Claude identificou que a funcionalidade já estava implementada.

O que ele fez? Através do CLI e da integração com o navegador, ele:

• Acessou o Editor de Site do WordPress.
• Localizou a configuração específica.
• Habilitou a opção.
• Confirmou e validou que a ação foi refletida no frontend.

Conclusão

Estamos saindo da era onde a IA é apenas um “copiloto de código” para uma era onde ela atua como um agente de desenvolvimento completo. Ela entende o contexto, verifica a interface e toma decisões baseadas no que já existe no sistema.

Se você trabalha com WordPress, a combinação de Playground + MCP é um caminho sem volta para produtividade e automação.