{"type":"mcp_client","name":"y-gui","description":"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.","category":"Communication","language":"TypeScript","stars":168,"forks":2,"owner":"luohy15","github_url":"https://github.com/luohy15/y-gui","homepage":"https://mcp.1u0hy.com/","setup":"## Setup\n\n### Prerequisites\n\n1. Node.js and npm\n2. Cloudflare account\n3. Auth0 account\n4. API keys for AI providers\n\n### Installation\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/luohy15/y-gui.git\n   cd y-gui\n   ```\n\n2. Install dependencies:\n   ```bash\n   npm install\n   ```\n\n3. Configure environment variables:\n   - Configure Cloudflare Worker settings in `backend/wrangler.toml`\n   - Change the auth0 settings in `frontend/src/index.tsx` and `backend/src/utils/auth.ts`\n\n4. Build asset:\n   ```bash\n   npm run build\n   ```\n\n5. Deploy cloudflare worker\n   ```bash\n   npm run deploy\n   ```","tools":"## Available Tools\n\n1. Interactive chat interface with AI models (allows for engaging conversations with AI).\n2. Support for multiple bot configurations (enables customization with different base_url/api_key/model combinations).\n3. MCP (Model Context Protocol) client support (offers integration with multiple server configurations).\n4. Secure authentication with Auth0 and Google login (provides secure access).\n5. Dark/light theme support (allows users to customize the appearance).\n6. All chat data stored in Cloudflare KV/R2 (ensures easy access and sync).\n7. Real-time updates with SWR (provides a smooth, responsive experience).\n8. Responsive design for all devices (ensures accessibility on various devices).","faq":null,"created_at":"2025-03-06T05:18:22+00:00","updated_at":"2025-03-28T18:29:05+00:00","source_url":"https://model-context-protocol.com/clients/web-ai-chat-app-mcp-support","related_articles":[]}