浏览器LLM交互工具

WebMCP Lab是一个基于Model Context Protocol (MCP)的原型工具,允许用户在浏览器中通过LLMs与复杂界面交互,如自动填写表单等,适用于高认知负荷的网页场景。

  • by rperezll
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 rperezll/webmcp-lab

使用说明

WebMCP Lab

[Febrero de 2026] El uso de esta utilidad requiere de una versión Canary de Google Chrome (versión 146 o superior) con los flags correspondientes activados (WebMCP for testing). Para las pruebas, utilizaremos nuestra herramienta WebMCP a través de la extensión Model Context Tool Inspector, lo que nos permitirá utilizar una API Key de Gemini gratuita.

Prototipo que demuestra el uso de WebMCP dentro del navegador y cómo podemos exponer, desde nuestras interfaces, herramientas utilizables por LLMs para interactuar con las opciones y flujos visualizados. Esto viene a demostrar la ganancia de accesibilidad dentro del marco de webs con mucha carga cognitiva donde el usuario puede sencillamente escribir o decir lo que quiere hacer y la IA interpreta y usa las herramientas disponibles para interactuar (por ejemplo tabulando un formulario). Todo esto basado en la definición estándar Model Context Protocol (MCP).

Sandbox para pruebas

Para testear el alcance de esta tecnología se plantea una aplicación legacy denominada "ENTERPRISE_EXPENSE_MGR_V2.EXE". Este programa, encargado de la gestión de gastos corporativos, presenta un formulario especialmente complejo que el usuario debe cumplimentar y validar en los diferentes tipos de entrada de datos.

Ejecutar el entorno

Construido sobre Node 22.

cd sandbox
# Instalamos dependencias
npm i
# Ejecutamos la aplicación en modo desarrollo
npm run dev

Puedes ver la definción de la tool en el schema.ts.

Referencias

  • Documentación de WebMCP: https://github.com/webmachinelearning/webmcp