O seu agente de código testa o site no iPhone, no Android e no notebook. Beta
Ligue o servidor MCP do Breakpane e conecte o agente que você já usa: o Claude Code, o Codex e o Cursor entram com um clique, e qualquer outra ferramenta compatível com MCP também funciona. O agente abre o seu site lado a lado, flutuando sobre o editor, toca, digita, rola, tira prints e audita a responsividade. Ele só age nos aparelhos que abriu.
- iPhone 17 Pro402×718 · Navegadortocou «Entrar»: ok
- Galaxy A06360×716 · Navegador«Entrar» coberto por div.cookie
- MacBook Air 13″1470×838 · Navegadortocou «Entrar»: ok
Você vê cada ação. E assume quando quiser.
O toque aparece como um dedo, com o alvo marcado e a medida dele; quando outro elemento cobre o botão, os cantos ficam âmbar. A rolagem deixa um rastro, o print pisca e a auditoria varre a tela. Clique num aparelho do agente, ou use Assumir na etiqueta dele, e ele para de agir só ali até você clicar em Devolver. Ele continua vendo a página e trabalhando nos outros.
Um botão por ferramenta.
1 de 3
Ligue
No botão Agentes de código, ao lado do aparelho, ligue Permitir agentes de código. A linha de estado mostra 127.0.0.1:47821 · ligado.
2 de 3
Conecte
Clique em Conectar na ferramenta que você usa. O Breakpane cria uma chave só para ela e faz a configuração; se não conseguir, copia a configuração e avisa.
3 de 3
Cole
Abra uma conversa nova na ferramenta e cole um dos pedidos de Comece por aqui. Na primeira ação de cada agente, o Breakpane pergunta se você permite.
Com um clique, o Conectar configura
- Claude Code
- Roda claude mcp add no escopo do usuário, com o PATH do seu shell. A chave não vai para nenhum arquivo do projeto.
- Codex
- Grava o bloco do Breakpane em ~/.codex/config.toml e guarda uma cópia do arquivo antes.
- Cursor
- Junta o Breakpane ao ~/.cursor/mcp.json sem tocar nos outros servidores.
- VS Code
- Abre o link de instalação, e o próprio VS Code pede a confirmação. Vale para o modo agente do Copilot.
- Windsurf
- Junta o Breakpane ao mcp_config.json do Windsurf ou do Devin Desktop.
- Claude Desktop
- Copia a configuração para você colar no claude_desktop_config.json.
Usa outra ferramenta? Qualquer cliente MCP por HTTP que aceite um cabeçalho de autorização funciona: Copiar configuração gera o bloco para colar. Arquivo com erro de sintaxe nunca é sobrescrito.
Três pedidos prontos, já com o endereço do seu site.
- Auditar em 3 aparelhos
- Abre no iPhone 17 Pro, no Galaxy A06 e no MacBook Air 13", audita e lista cada problema, do mais grave ao mais leve, com a correção no código.
- Corrigir até ficar limpo
- Audita, corrige o código do projeto, recarrega e audita de novo, até não sobrar erro do projeto ou por no máximo 5 rodadas. Para e pergunta quando a correção pede uma decisão de produto.
- Testar o login passo a passo
- Percorre o login no iPhone e num Android, com um print por passo. Pede os dados de teste e nunca usa dados pessoais reais.
No Claude Code, os mesmos pedidos (em inglês) também são comandos: /mcp__breakpane__test_site, /mcp__breakpane__fix_until_clean e /mcp__breakpane__test_flow.
O pedido copiado do painel leva só a origem e o caminho do endereço, nunca parâmetros nem o que vem depois do #.
A auditoria vira um relatório. A sessão vira um diário.
Em cada aparelho, a auditoria procura coisa saindo da tela na horizontal, conteúdo sob a status bar, o entalhe ou o indicador de início, alvo de toque pequeno ou coberto, texto cortado, imagem quebrada, erros do console e da rede e o que falta no PWA. O agente recebe a lista numerada com o código, o seletor e a medida de cada problema; as correções ficam no report.json, ao lado do relatório. Você recebe uma página HTML com os problemas numerados sobre os prints.
Cada sessão de agente também grava prints numerados e um resumo em Markdown para colar no PR, sem o texto digitado e sem parâmetros de endereço.
Os dois ficam no seu computador. No painel Agentes de código: Abrir último relatório e Abrir diário da sessão.
O que vale saber antes de ligar.
- Só no seu computador
- O servidor escuta só em 127.0.0.1 e confere quem chama: páginas da web não falam com ele, e o firewall não pergunta nada. Prints e textos da página vão para o seu agente; dali em diante valem as regras dele.
- Os seus aparelhos ficam seus
- Cada agente só age nos aparelhos que ele abriu, marcados com o contorno laranja. Os seus aparecem para ele só como nome e endereço.
- Você decide
- Começa desligado, e cada ferramenta tem a própria chave. Pausar agentes, no painel ou na bandeja, recusa as próximas ações na hora; a lixeira apaga a chave e fecha os aparelhos daquele agente.
- Os mesmos logins
- Os aparelhos do agente usam as sessões dos seus, para testar fluxos com login. Sites remotos não ganham câmera, microfone nem localização, e downloads são cancelados.
- No Windows
- Não dá para digitar num aparelho aberto por um agente: ele não pega o teclado, para o seu editor não perder o foco. Para assumir, clique nele ou use Assumir. Mesmo assumido, ele recebe só o clique e o toque. Os seus aparelhos funcionam como sempre.
- Motor Chromium
- As páginas rodam no Chromium, como no resto do Breakpane: a auditoria acha problemas de layout e de toque, não bugs do WebKit.
Sobre os agentes.
Funciona com qual agente de código?
Com qualquer ferramenta compatível com MCP por HTTP: Claude Code, Codex, Cursor, VS Code (Copilot), Windsurf, Claude Desktop e outras. As mais usadas se conectam com um clique; para as demais, Copiar configuração gera o bloco para colar. Depois, cole um pedido de Comece por aqui numa conversa nova; no Claude Code, eles também são comandos, como /mcp__breakpane__test_site. É Beta e vale no teste e na assinatura.
O agente pode mexer nos meus aparelhos?
Não. Cada agente só age nos aparelhos que ele mesmo abriu, marcados com um contorno laranja; os seus aparecem para ele só como nome e endereço. Nos dele, você assume quando quiser: clique num deles e o agente para ali até você clicar em Devolver. O servidor escuta só em 127.0.0.1, cada ferramenta tem a própria chave e a primeira ação pede a sua permissão.
O que o agente recebe da página?
O que ele pede: prints, a árvore de acessibilidade, o texto da página, o console, a rede e a lista da auditoria. Isso vai para o agente e, dali em diante, valem as regras da ferramenta dele. O diário da sessão fica no seu computador, sem o texto digitado e sem os parâmetros dos endereços.
Os agentes custam à parte?
Não. Os agentes de código estão em Beta e vêm em todo plano, inclusive no teste de 14 dias. Só não funcionam com o teste ou a assinatura vencidos, como o resto do app.
O Breakpane roda no computador.
Você está no celular. Mande o link para o seu e-mail e abra no Mac ou no PC quando for programar.
Mac com chip Apple ou Intel e Windows 10 e 11. O e-mail serve só para mandar este link, uma vez, e não fica guardado.
14 dias grátis
Baixe e teste 14 dias grátis.
Sem cartão e com tudo liberado. No 3º dia, só pedimos o seu e-mail. Depois, a partir de R$ 29 por mês.
Novo na 1.2.10: Agentes de código sem «Reconectar», abrindo o Breakpane quando ele está fechado, e cada conversa com os próprios aparelhos. ver novidades
1 de 3Escolha o seu sistema
2 de 3Baixe
3 de 3Na primeira abertura
No Mac, o app é assinado e notarizado pela Apple, então o macOS só confirma se você quer abrir um app baixado da internet. No Windows, pela Microsoft Store, não há aviso.
- Abra o .dmg e arraste o Breakpane para a pasta Aplicativos.
- Dê dois cliques no Breakpane. O macOS pergunta se você quer abrir um app baixado da internet. Clique em Abrir.
- Pronto. Ele aparece na barra de menus, não no Dock.
- Na Microsoft Store, clique em Obter. O Windows baixa e instala sozinho, sem aviso.
- Abra o Breakpane pelo menu Iniciar. Ele fica na bandeja, ao lado do relógio.
Baixou o .exe?
- Execute o Breakpane-Setup-1.2.10.exe.
- Na tela azul O Windows protegeu o computador, clique em Mais informações.
- Clique em Executar assim mesmo.
- Pronto. O Breakpane fica na bandeja, ao lado do relógio.
Com o instalador na pasta Downloads (o padrão do Windows), um comando no PowerShell tira a marca de arquivo baixado da internet e abre o instalador sem a tela azul, dispensando os passos 2 e 3. Se ele estiver em outra pasta, troque o caminho no comando ou siga os passos acima.
Unblock-File "$HOME\Downloads\Breakpane-Setup-1.2.10.exe"; Start-Process "$HOME\Downloads\Breakpane-Setup-1.2.10.exe"
Detalhes do arquivo e segurança
SHA-256Breakpane-1.2.10-arm64.dmg
712c0cffd5af54d7e5d4052884c9ba65763709f92e80812cc3066441a7379f49Confira no Terminal: shasum -a 256 Breakpane-1.2.10-arm64.dmg
SHA-256Breakpane-1.2.10-x64.dmg
6b448c72dace1a40fd358be28d7693b3d5448e5adc526e6b1b268d3de5464308Confira no Terminal: shasum -a 256 Breakpane-1.2.10-x64.dmg
SHA-256Breakpane-Setup-1.2.10.exe
3861993aaf524ad3f3faa3404099dd9be03e02465872264608933721bd8f9bb0Confira no Prompt de Comando: certutil -hashfile Breakpane-Setup-1.2.10.exe SHA256
O que dá para conferir
O download sai só daqui, da Microsoft Store e do GitHub Releases do Breakpane. Não há espelhos.
O app não envia nada sobre os seus projetos nem sobre as páginas que você abre. A contagem anônima de uso por dia desliga em Mais opções.
No Mac, o app é assinado e notarizado pela Apple. No Windows, a Microsoft Store verifica o pacote antes de publicar.