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
- Abra chrome://flags/#enable-webmcp-testing
- Escolha Enabled no menu
- 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_urlset_compression_settingsget_compression_statusdownload_imagedownload_all_resultsreset_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).