WebMCP para agentes de IA

ImgFlow registra herramientas de cola de compresión en la portada y en las páginas de herramientas para agentes de IA en el navegador (API borrador WebMCP). Las imágenes siguen procesándose en tu dispositivo.

Requisitos

  • Google Chrome de escritorio (Canary/Dev reciente recomendado; las versiones estables varían).
  • Visita este sitio por HTTPS (localhost sirve en desarrollo).
  • En chrome://flags/#enable-webmcp-testing, pon «WebMCP for testing» en Enabled y reinicia Chrome por completo.
  • La API es experimental — los nombres de flags y el comportamiento pueden cambiar. Consulta la documentación de Google.

Activar el flag de prueba WebMCP

  1. Abre chrome://flags/#enable-webmcp-testing
  2. Elige Enabled en el desplegable
  3. Pulsa Relaunch abajo y espera a que Chrome se cierre y vuelva a abrir

chrome://flags/#enable-webmcp-testing · Documentación WebMCP de Chrome

Herramientas registradas en este sitio

Tras cargar la isla de herramientas en la portada o en cualquier herramienta, se registran en document.modelContext:

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

Prueba de humo (~1 minuto)

En la portada, abre DevTools → Consola, pega el script de abajo y ejecútalo. Con WebMCP activo deberías obtener una lista que incluye get_compression_status.

Abrir la portada para la prueba de humo

(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,
  };
})();

Solo comprueba el registro, no una compresión real. Para un flujo completo, usa un cliente de IA compatible con WebMCP o la extensión Model Context Tool Inspector.

Limitaciones

  • Los navegadores sin WebMCP no cargan webmcp.ts — el uso normal no cambia.
  • add_image_from_url está sujeto a CORS; usa URLs data: o pide al usuario que arrastre archivos.
  • navigator.modelContext está obsoleto — usa document.modelContext (igual que ToolApp).