y-gui: веб-интерфейс для чата с ИИ с поддержкой нескольких моделей и интеграцией MCP 160

Что такое y-gui?

y-gui — это веб-графический интерфейс для общения с AI, поддерживающий множество моделей AI и интеграцию с MCP. Он расширяет возможности AI через протокол MCP и позволяет подключаться к Gmail, Google Календарю, сервисам генерации изображений и другим.

Особенности y-gui

• Интерактивный чат-интерфейс: предоставляет интерфейс для взаимодействия с моделями AI.

• Поддержка нескольких роботов: поддерживает различные конфигурации роботов с разными комбинациями base_url, api_key и model.

• Полная система интеграции MCP:

• Доступ и управление Gmail: можно получать доступ к письмам Gmail и управлять ими прямо через чат-интерфейс.

• Интеграция с Google Календарём: создание и управление событиями календаря с помощью естественного языка.

• Генерация изображений: можно создавать изображения прямо в чате.

• Расширяемая архитектура: поддерживает добавление дополнительных серверов MCP и инструментов.

• Безопасная аутентификация: использует Auth0 и вход через Google для безопасной аутентификации.

• Поддержка тем: поддерживает тёмную и светлую темы.

• Хранение данных: все данные чата хранятся в Cloudflare R2 для удобного доступа и синхронизации.

• Обновления в реальном времени: использует SWR для обновления данных в реальном времени.

• Адаптивный дизайн: интерфейс подходит для любых устройств.

Архитектура y-gui

• Фронтенд: использует React, TypeScript, Tailwind CSS и SWR для получения данных.

• Бэкенд: построен на Cloudflare Workers с использованием R2 для хранения данных.

Технологический стек

• Фронтенд: React, TypeScript, Tailwind CSS, SWR, Auth0.

• Бэкенд: Cloudflare Workers, R2.

• Интеграции: серверы MCP, OAuth2, Gmail API, Google Calendar API, API генерации изображений.

• Инструменты сборки: Vite, Wrangler, TypeScript.

Установка и использование y-gui

Предварительные требования

• Установленные Node.js и npm.

• Наличие аккаунта Cloudflare.

• Наличие аккаунта Auth0.

• Получение API-ключа провайдера AI.

Шаги установки

1. Клонировать репозиторий:

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

2. Установить зависимости:

npm install

3. Настроить переменные окружения:

• Настройте параметры Cloudflare Worker в backend/wrangler.toml.

• Измените настройки Auth0 в frontend/src/index.tsx и backend/src/utils/auth.ts.

4. Собрать ассеты:

npm run build

5. Развернуть Cloudflare Worker:

npm run deploy

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