Open MCP Client: interactúa con servidores MCP en tus apps mediante una sola URL 180

小编 ·

Open MCP Client: interactúa con servidores MCP en tus apps mediante una sola URL

Open MCP Client es el primer proyecto de cliente MCP basado en web, que permite a los asistentes de IA interactuar con servidores MCP mediante una sola URL. El proyecto utiliza un agente LangGraph construido con LangChain para conectar con servidores MCP y llamar herramientas, mientras que el frontend está construido con CopilotKit para una experiencia fluida. El proyecto ya es open source.

Open MCP Client: interactúa con servidores MCP en tus apps mediante una sola URL

¿Qué es Open MCP Client?

Open MCP Client es el primer proyecto de cliente MCP basado en la web, que permite la interacción entre un asistente de ia y un servidor MCP a través de una única URL. El proyecto utiliza un agente LangGraph construido con LangChain para conectarse a servidores MCP e invocar herramientas, mientras que el frontend se construye con CopilotKit para lograr una interacción fluida en el lado del cliente. Actualmente, el proyecto es de código abierto.

Open MCP Client.jpg

Funcionalidades y características

  • Integración minimalista: Open MCP Client ofrece una forma de integración extremadamente sencilla; los desarrolladores solo necesitan una URL para incorporar las capacidades MCP en sus aplicaciones, sin necesidad de construir una capa de comunicación desde cero.

  • Coordinación entre múltiples servidores: admite la conexión simultánea a varios servidores MCP, por ejemplo, un servidor para gestionar operaciones de GitHub y otro para administrar mensajes de Slack.

  • Descubrimiento dinámico de herramientas: el cliente puede descubrir e invocar dinámicamente las herramientas proporcionadas por el servidor, sin necesidad de lógica predefinida.

  • Seguridad y flexibilidad: admite implementación local y en la nube, con mecanismos integrados de control de acceso para satisfacer las necesidades de seguridad empresarial.

Casos de uso

  • Automatización de flujos de desarrollo: por ejemplo, los usuarios pueden enviar solicitudes a través de Slack, y Open MCP Client invoca automáticamente herramientas de generación de código y la interfaz de GitHub para generar código y enviar un Pull Request.

  • Acceso a recursos locales: a través del protocolo MCP, el cliente puede acceder de forma segura a recursos locales, como bases de datos, sistemas de archivos, etc.

  • Mejora de asistentes de IA: proporciona a los asistentes de IA capacidades de extensión, como la invocación de herramientas externas a través de servidores MCP.

Detalles técnicos

  • Negociación de versión del protocolo: garantiza la compatibilidad con el servidor MCP.

  • Negociación de capacidades: determina dinámicamente las funciones disponibles.

  • Transmisión de mensajes: admite comunicación JSON-RPC.

  • Descubrimiento y ejecución de herramientas: el cliente puede descubrir e invocar las herramientas proporcionadas por el servidor.

Guía de instalación y uso

1. Clonar el proyecto

git clone https://github.com/CopilotKit/open-mcp-client.git
cd open-mcp-client

2. Configurar las variables de entorno

(1) Crea un archivo .env en el directorio raíz del proyecto:

LANGSMITH_API_KEY=tu_clave_de_LangSmith

(2) Crea un archivo .env dentro de la carpeta /agent:

OPENAI_API_KEY=tu_clave_de_OpenAI
LANGSMITH_API_KEY=tu_clave_de_LangSmith

3. Instalar dependencias

pnpm install

4. Iniciar el proyecto

(1) Iniciar el frontend:

pnpm run dev-frontend

(2) Iniciar el agente:

pnpm run dev-agent

O simplemente ejecuta:

pnpm run dev

Open MCP Client es uno de los componentes centrales del protocolo MCP, ya que simplifica enormemente la interacción entre los asistentes de IA y las herramientas externas gracias a su interfaz estandarizada y su capacidad de descubrimiento dinámico de herramientas.

Repositorio en GitHub:https://github.com/CopilotKit/open-mcp-client

DEMO del proyecto:https://open-mcp-client.vercel.app/