{"type":"mcp_client","name":"mcp_gradio_client","description":"This repository showcases a Model Context Protocol (MCP) client built with Gradio, demonstrating interaction with MCP servers via STDIO and SSE for seamless tool integration within a user-friendly interface.","category":"AI","language":"Python","stars":67,"forks":5,"owner":"justjoehere","github_url":"https://github.com/justjoehere/mcp_gradio_client","homepage":null,"setup":"## Setup\n\n### Prerequisites\n\n- Python 3.12 or higher\n- [Node.js](https://nodejs.org/en/)\n- [uvicorn](https://www.uvicorn.org/) (for UVX for STDIO servers)\n- [NPX](https://www.npmjs.com/package/npx) (for NPX for STDIO servers)\n- [Python](https://www.python.org/downloads/) (for Python module STDIO servers)\n- OpenAI API Key (for language model interaction)\n\n### Steps\n\n1. **Clone the Repository**\n\n   ```bash\n   git clone https://github.com/yourusername/mcp-gradio-client.git\n   cd mcp-gradio-client\n   ```\n\n2. **Create a Virtual Environment**\n    Unix/macOS:\n   ```bash\n   python -m venv venv\n   source venv/bin/activate  # On Windows use `venv\\Scripts\\activate`\n   ```\n   Windows:\n   ```bash\n    python -m venv .venv\n    .venv\\Scripts\\activate\n    ```\n\n3. **Install Dependencies**\n\n   ```bash\n   pip install -r requirements.txt\n   ```\n\n4. **Set Up Environment Variables**\n\n   Create a `.env` file in the root directory using `.env.example` as a reference and add your OpenAI API key:\n\n   ```env\n   OPENAI_API_KEY=your_openai_api_key\n   ```\n5. **Running the App**\n\n   Start the Gradio application:\n\n   ```bash\n   python gradio_ui.py\n   ```","tools":"## Available Tools\n\n\t\t1. Gradio Interface (User-friendly interface for interacting with the MCP client and tools).\n\t\t2. STDIO and SSE Support (Demonstrates how to connect to MCP servers using both STDIO and SSE methods).\n\t\t3. Dynamic Tool Loading (Automatically discovers and integrates tools exposed by MCP servers).\n\t\t4. Debugging Support (Optional debug mode to aid in development and troubleshooting).\n","faq":null,"created_at":"2024-12-05T18:36:43+00:00","updated_at":"2025-03-28T05:14:07+00:00","source_url":"https://model-context-protocol.com/clients/gradio-mcp-client-model-context-protocol","related_articles":[]}