y-gui : une interface web de chat IA prenant en charge plusieurs modèles et l'intégration MCP 162

Qu'est-ce que y-gui ?

y-gui est une interface graphique basée sur le Web conçue pour interagir avec des IA via chat, prenant en charge plusieurs modèles d'IA et l'intégration MCP. Il étend les capacités de l'IA grâce au protocole MCP, permettant la connexion à Gmail, Google Agenda, des services de génération d'images, et plus encore.

Fonctionnalités de y-gui

• Interface de chat interactive : fournit une interface de chat pour interagir avec les modèles d'IA.

• Prise en charge de plusieurs configurations de robots : prend en charge diverses configurations de robots, incluant différentes combinaisons de base_url, api_key et model.

• Système d'intégration MCP complet :

• Accès et gestion Gmail : permet d'accéder et de gérer les e-mails Gmail directement via l'interface de chat.

• Intégration Google Agenda : créez et gérez des événements de calendrier en langage naturel.

• Fonctionnalité de génération d'images : générez des images directement dans la conversation chat.

• Framework extensible : prend en charge l'ajout de davantage de serveurs MCP et d'outils.

• Authentification sécurisée : utilise Auth0 et la connexion Google pour une authentification sécurisée.

• Prise en charge des thèmes : prend en charge les thèmes sombre et clair.

• Stockage des données : toutes les données de chat sont stockées dans Cloudflare R2, facilitant l'accès et la synchronisation.

• Mises à jour en temps réel : utilise SWR pour des mises à jour de données en temps réel.

• Design réactif : interface adaptée à tous les appareils.

Conception de l'architecture de y-gui

• Frontend : utilise React, TypeScript, Tailwind CSS et SWR pour la récupération des données.

• Backend : construit sur Cloudflare Workers, avec R2 pour le stockage des données.

Stack technique

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

• Backend : Cloudflare Workers, R2.

• Intégrations : serveurs MCP, OAuth2, Gmail API, Google Calendar API, API de génération d'images.

• Outils de build : Vite, Wrangler, TypeScript.

Installation et utilisation de y-gui

Prérequis

• Installez Node.js et npm.

• Disposez d'un compte Cloudflare.

• Disposez d'un compte Auth0.

• Obtenez la clé API de votre fournisseur d'IA.

Étapes d'installation

1. Clonez le dépôt :

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

2. Installez les dépendances :

npm install

3. Configurez les variables d'environnement :

• Configurez les paramètres Cloudflare Worker dans backend/wrangler.toml.

• Modifiez les paramètres Auth0 dans frontend/src/index.tsx et backend/src/utils/auth.ts.

4. Construisez les assets :

npm run build

5. Déployez le Cloudflare Worker :

npm run deploy

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