Building Agent Interfaces: Lessons from Chrome DevTools (MCP) for Agents — Michael Hablich, Google
Desenvolvedores de agentes inteligentes aprendem com as ferramentas do Chrome DevTools em palestra com Michael Hablich, da Google.
Conteudo
TLDR;
Chrome DevTools for agents é uma versão do DevTools projetada para agentes que se conecta via MCP (por exemplo Gemini CLI, Cloud Code) para executar tracing de performance, analisar insights, agir sobre eles e validar melhorias. Para evitar sobrecarregar modelos com megabytes de JSON de traces, o servidor faz pós‑processamento e retorna resumos semânticos em markdown que apontam as informações relevantes (como LCP) para o agente. A avaliação combina eficácia (se a jornada do usuário foi completada) e eficiência (tokens, chamadas de ferramenta, duração), usando especialmente a métrica "tokens por resultado bem‑sucedido" comparada por tipo de tarefa.
Resumo
Michael Hablich, gerente de produto do Chrome DevTools no Google, apresenta o Chrome DevTools para agentes, uma versão orientada a agentes que integra MCP servers e ferramentas CLI (como Gemini) para automatizar depuração e otimização de páginas. Ele demonstra como um agente pode comandar o navegador, coletar traces de desempenho e aplicar correções automaticamente, validando ganhos. A equipe descobriu que enviar megabytes de JSON bruto aos modelos excede a janela de contexto, então adotaram sumários semânticos e markdown que destacam as informações essenciais (por exemplo, métricas como LCP e FCP), permitindo ao agente "ler a sentença certa" em vez de todo o livro. Hablich enfatiza que agentes e humanos compartilham objetivos, mas têm gargalos cognitivos diferentes: humanos dependem de sinais visuais; agentes, de representações semânticas e custos de tokens. Ao projetar interfaces de agente, deve-se medir eficácia (a jornada do usuário é concluída?) e eficiência (tokens, chamadas de ferramenta, duração), usando a métrica tokens por resultado bem-sucedido, embora comparações tenham sentido apenas dentro de jornadas específicas (por exemplo, web scraping é mais barato que depuração interativa). Ele convida a experimentar a ferramenta e trocar contato via QR/LinkedIn. Também oferece documentação e exemplos de configuração para diversas harnesses prontas de agente.