WebMCP para agentes de IA

O ImgFlow registra ferramentas de fila de compressão na página inicial e nas páginas de ferramentas para agentes de IA no navegador (API rascunho WebMCP). As imagens continuam no seu dispositivo.

Pré-requisitos

  • Google Chrome desktop (Canary/Dev recente recomendado; versões estáveis variam).
  • Acesse este site via HTTPS (localhost serve em desenvolvimento).
  • Em chrome://flags/#enable-webmcp-testing, defina “WebMCP for testing” como Enabled e reinicie o Chrome por completo.
  • A API é experimental — nomes de flags e comportamento podem mudar. Siga a documentação do Google.

Ativar o flag de teste WebMCP

  1. Abra chrome://flags/#enable-webmcp-testing
  2. Escolha Enabled no menu
  3. Clique em Relaunch na parte inferior e aguarde o Chrome reiniciar

chrome://flags/#enable-webmcp-testing · Documentação WebMCP do Chrome

Ferramentas registradas neste site

Após a ilha de ferramentas carregar na inicial ou em qualquer ferramenta, elas são registradas em document.modelContext:

  • add_image_from_url
  • set_compression_settings
  • get_compression_status
  • download_image
  • download_all_results
  • reset_queue

Teste de fumaça (~1 minuto)

Na página inicial, abra DevTools → Console, cole o script abaixo e execute. Com WebMCP ativo, você deve obter uma lista que inclui get_compression_status.

Abrir a página inicial para o teste de fumaça

(async () => {
  const mc = document.modelContext;
  if (!mc?.getTools) {
    return {
      ok: false,
      reason: 'document.modelContext.getTools is missing. Enable chrome://flags/#enable-webmcp-testing, relaunch Chrome, open the homepage, then retry.',
    };
  }
  const tools = await mc.getTools();
  const names = tools.map((tool) => tool.name).sort();
  return {
    ok: names.includes('get_compression_status'),
    names,
  };
})();

Isso só verifica o registro — não uma compressão real. Para um fluxo completo, use um cliente de IA compatível com WebMCP ou a extensão Model Context Tool Inspector.

Limitações

  • Navegadores sem WebMCP não carregam webmcp.ts — o uso normal não muda.
  • add_image_from_url está sujeito a CORS; use URLs data: ou peça ao usuário para arrastar arquivos.
  • navigator.modelContext está obsoleto — use document.modelContext (igual ao ToolApp).