| 1 | <a href="https://mcp.scira.ai"> |
| 2 | <h1 align="center">Scira MCP Chat</h1> |
| 3 | </a> |
| 4 | |
| 5 | <p align="center"> |
| 6 | An open-source AI chatbot app powered by Model Context Protocol (MCP), built with Next.js and the AI SDK by Vercel. |
| 7 | </p> |
| 8 | |
| 9 | <p align="center"> |
| 10 | <a href="#features"><strong>Features</strong></a> • |
| 11 | <a href="#mcp-server-configuration"><strong>MCP Configuration</strong></a> • |
| 12 | <a href="#license"><strong>License</strong></a> |
| 13 | </p> |
| 14 | <br/> |
| 15 | |
| 16 | ## Features |
| 17 | |
| 18 | - Streaming text responses powered by the [AI SDK by Vercel](https://sdk.vercel.ai/docs), allowing multiple AI providers to be used interchangeably with just a few lines of code. |
| 19 | - Full integration with [Model Context Protocol (MCP)](https://modelcontextprotocol.io) servers to expand available tools and capabilities. |
| 20 | - HTTP and SSE transport types for connecting to various MCP tool providers. |
| 21 | - Built-in tool integration for extending AI capabilities. |
| 22 | - Reasoning model support. |
| 23 | - [shadcn/ui](https://ui.shadcn.com/) components for a modern, responsive UI powered by [Tailwind CSS](https://tailwindcss.com). |
| 24 | - Built with the latest [Next.js](https://nextjs.org) App Router. |
| 25 | |
| 26 | ## MCP Server Configuration |
| 27 | |
| 28 | This application supports connecting to Model Context Protocol (MCP) servers to access their tools. You can add and manage MCP servers through the settings icon in the chat interface. |
| 29 | |
| 30 | ### Adding an MCP Server |
| 31 | |
| 32 | 1. Click the settings icon (⚙️) next to the model selector in the chat interface. |
| 33 | 2. Enter a name for your MCP server. |
| 34 | 3. Select the transport type: |
| 35 | - **HTTP**: For HTTP-based remote servers |
| 36 | - **SSE (Server-Sent Events)**: For SSE-based remote servers |
| 37 | |
| 38 | #### HTTP or SSE Configuration |
| 39 | |
| 40 | 1. Enter the server URL (e.g., `https://mcp.example.com/mcp` or `https://mcp.example.com/token/sse`) |
| 41 | 2. Click "Add Server" |
| 42 | 3. Click "Enable Server" to activate the server for the current chat session. |
| 43 | |
| 44 | ### Available MCP Servers |
| 45 | |
| 46 | You can use any MCP-compatible server with this application. Here are some examples: |
| 47 | |
| 48 | - [Composio](https://composio.dev/mcp) - Provides search, code interpreter, and other tools |
| 49 | - [Zapier MCP](https://zapier.com/mcp) - Provides access to Zapier tools |
| 50 | - [Hugging Face MCP](https://huggingface.co/mcp) - Provides tool access to Hugging Face Hub |
| 51 | - Any MCP server compatible with HTTP or SSE transport |
| 52 | |
| 53 | ## License |
| 54 | |
| 55 | This project is licensed under the Apache License 2.0 - see the [LICENSE](LICENSE) file for details. |