y-gui: interfaz web de chat con IA compatible con múltiples modelos e integración MCP 158

¿Qué es y-gui?

y-gui es una interfaz gráfica basada en la web para chatear e interactuar con ia, compatible con múltiples modelos de IA e integración con MCP. Amplía las capacidades de la IA mediante el protocolo MCP, lo que permite conectarse a Gmail, Google Calendar, servicios de generación de imágenes, entre otros.

Características de y-gui

• Interfaz de chat interactiva: ofrece una interfaz de chat para interactuar con modelos de IA.

• Soporte para múltiples configuraciones de robots: admite diversas configuraciones de robots, incluyendo diferentes combinaciones de base_url, api_key y model.

• Sistema completo de integración con MCP:

• Acceso y gestión de Gmail: permite acceder y gestionar correos de Gmail directamente desde la interfaz de chat.

• Integración con Google Calendar: crea y gestiona eventos de calendario mediante lenguaje natural.

• Funcionalidad de generación de imágenes: genera imágenes directamente dentro de la conversación de chat.

• Marco extensible: admite agregar más servidores MCP y herramientas.

• Autenticación segura: utiliza Auth0 e inicio de sesión con Google para una autenticación segura.

• Soporte de temas: admite temas oscuro y claro.

• Almacenamiento de datos: todos los datos de chat se almacenan en Cloudflare R2, lo que facilita el acceso y la sincronización.

• Actualizaciones en tiempo real: utiliza SWR para actualizaciones de datos en tiempo real.

• Diseño responsivo: la interfaz es adecuada para todos los dispositivos.

Diseño de la arquitectura de y-gui

• Frontend: utiliza React, TypeScript, Tailwind CSS y SWR para la obtención de datos.

• Backend: construido sobre Cloudflare Workers y utiliza R2 para el almacenamiento de datos.

Stack tecnológico

• Frontend: React, TypeScript, Tailwind CSS, SWR, Auth0.

• Backend: Cloudflare Workers, R2.

• Integraciones: Servidor MCP, OAuth2, Gmail API, Google Calendar API, API de generación de imágenes.

• Herramientas de construcción: Vite, Wrangler, TypeScript.

Instalación y uso de y-gui

Requisitos previos

• Tener Node.js y npm instalados.

• Disponer de una cuenta de Cloudflare.

• Disponer de una cuenta de Auth0.

• Obtener las claves API de los proveedores de IA.

Pasos de instalación

1. Clonar el repositorio:

git clone https://github.com/luohy15/y-gui.git
cd y-gui

2. Instalar dependencias:

npm install

3. Configurar las variables de entorno:

• Configura los ajustes de Cloudflare Worker en backend/wrangler.toml.

• Modifica los ajustes de Auth0 en frontend/src/index.tsx y backend/src/utils/auth.ts.

4. Compilar los assets:

npm run build

5. Desplegar el Cloudflare Worker:

npm run deploy

Github:https://github.com/luohy15/y-gu