# y-gui

> MCP Client

Y-gui is a web-based graphical interface for AI chat interactions, supporting multiple AI models and MCP servers. It features secure authentication, dark/light themes, and Cloudflare KV/R2 storage for chat data.

## Overview

- **Category:** Communication
- **Language:** TypeScript
- **Stars:** 167
- **Forks:** 2
- **Owner:** luohy15
- **GitHub:** https://github.com/luohy15/y-gui
- **Homepage:** https://mcp.1u0hy.com/
- **Created:** 2025-03-06T05:18:22+00:00
- **Updated:** 2025-03-28T18:29:05+00:00
- **Source:** https://model-context-protocol.com/clients/web-ai-chat-app-mcp-support

## Setup

## Setup

### Prerequisites

1. Node.js and npm
2. Cloudflare account
3. Auth0 account
4. API keys for AI providers

### Installation

1. Clone the repository:
   ```bash
   git clone https://github.com/luohy15/y-gui.git
   cd y-gui
   ```

2. Install dependencies:
   ```bash
   npm install
   ```

3. Configure environment variables:
   - Configure Cloudflare Worker settings in `backend/wrangler.toml`
   - Change the auth0 settings in `frontend/src/index.tsx` and `backend/src/utils/auth.ts`

4. Build asset:
   ```bash
   npm run build
   ```

5. Deploy cloudflare worker
   ```bash
   npm run deploy
   ```

## Tools

## Available Tools

1. Interactive chat interface with AI models (allows for engaging conversations with AI).
2. Support for multiple bot configurations (enables customization with different base_url/api_key/model combinations).
3. MCP (Model Context Protocol) client support (offers integration with multiple server configurations).
4. Secure authentication with Auth0 and Google login (provides secure access).
5. Dark/light theme support (allows users to customize the appearance).
6. All chat data stored in Cloudflare KV/R2 (ensures easy access and sync).
7. Real-time updates with SWR (provides a smooth, responsive experience).
8. Responsive design for all devices (ensures accessibility on various devices).