mcpserver.so LogoMCPFly
Submit
y-gui logo

y-gui

by luohy15

AI/Chatbots & AssistantschatCloudflareReactTypeScript

y-gui is a web-based graphical interface for AI chat interactions. It supports multiple AI models and MCP (Model Context Protocol) servers.

View on GitHub

Last updated: N/A

What is y-gui?

y-gui is a web application that provides a user-friendly interface for interacting with AI models. It leverages Cloudflare Workers for its backend, offering features like authentication, data storage, and support for multiple AI providers and MCP servers.

How to use y-gui?

To use y-gui, you need to clone the repository, install dependencies, configure environment variables, build the frontend, and deploy the backend to Cloudflare Workers. You will also need to set up Auth0 for authentication and obtain API keys from AI providers.

Key features of y-gui

  • Interactive chat interface with AI models

  • Support for multiple bot configurations (any base_url/api_key/model combination)

  • MCP (Model Context Protocol) client support with multiple server configurations

  • Secure authentication with Auth0 and Google login

  • Dark/light theme support

  • All chat data stored in Cloudflare KV/R2 for easy access and sync

  • Real-time updates with SWR

  • Responsive design for all devices

Use cases of y-gui

  • Create interactive chat interfaces for various AI models.

  • Experiment with different AI models using a unified interface.

  • Manage and configure multiple bot settings.

  • Utilize MCP servers for context management.

  • Securely authenticate users for AI chat access.

FAQ from y-gui

What is MCP?

MCP (Model Context Protocol) enables context management with multiple AI models and servers.

Where is chat data stored?

Chat data is stored in Cloudflare KV and backed up in Cloudflare R2.

What technologies are used?

Frontend: React, TypeScript, Tailwind CSS, SWR, Auth0. Backend: Cloudflare Workers, KV, R2. Build Tools: Vite, Wrangler, TypeScript.

How do I configure authentication?

Configure Auth0 settings in frontend/src/index.tsx and backend/src/utils/auth.ts.

How can I contribute?

Contributions are welcome! Please feel free to submit a Pull Request.