Skip to content

Lab conceptual sobre el uso y funcionamiento de WebMCP

Notifications You must be signed in to change notification settings

rperezll/webmcp-lab

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

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.

Detección y prompt para ejecutar la acción de cargar un nuevo gasto

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

About

Lab conceptual sobre el uso y funcionamiento de WebMCP

Topics

Resources

Stars

Watchers

Forks