mcpField
S
Scira Mcp Chat

Scira Mcp Chat

github.com/zaidmukaddamChat Apps826Updated 46w ago
Repository

About Scira Mcp Chat

Scira MCP Chat is an open source AI chatbot app built with Next.js and the Vercel AI SDK, extended with MCP servers for additional tools. It suits users who want to add and enable remote MCP servers directly from the chat interface.

Key features

  1. 01Streaming responses with interchangeable AI providers
  2. 02Connection to MCP servers over HTTP or SSE
  3. 03Adding and enabling MCP servers in the chat interface
  4. 04Reasoning model support
  5. 05UI built with shadcn/ui and Tailwind CSS

Use cases

  1. 01Using tools from Composio or Zapier MCP inside a chat
  2. 02Accessing Hugging Face Hub tools through a remote MCP server
  3. 03Enabling different MCP servers per chat session

MCP support

This project is an MCP client that connects to remote MCP servers over HTTP or SSE transports and enables their tools within a chat session.

Details

From the project README

Scira MCP Chat

An open-source AI chatbot app powered by Model Context Protocol (MCP), built with Next.js and the AI SDK by Vercel.

Features • MCP Configuration • License


Features

  • Streaming text responses powered by the AI SDK by Vercel, allowing multiple AI providers to be used interchangeably with just a few lines of code.
  • Full integration with Model Context Protocol (MCP) servers to expand available tools and capabilities.
  • HTTP and SSE transport types for connecting to various MCP tool providers.
  • Built-in tool integration for extending AI capabilities.
  • Reasoning model support.
  • shadcn/ui components for a modern, responsive UI powered by Tailwind CSS.
  • Built with the latest Next.js App Router.

MCP Server Configuration

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.

Adding an MCP Server
  1. Click the settings icon (⚙️) next to the model selector in the chat interface.
  2. Enter a name for your MCP server.
  3. Select the transport type:
    • HTTP: For HTTP-based remote servers
    • SSE (Server-Sent Events): For SSE-based remote servers
HTTP or SSE Configuration
  1. Enter the server URL (e.g., https://mcp.example.com/mcp or https://mcp.example.com/token/sse)
  2. Click "Add Server"
  3. Click "Enable Server" to activate the server for the current chat session.
Available MCP Servers

You can use any MCP-compatible server with this application. Here are some examples:

  • Composio - Provides search, code interpreter, and other tools
  • Zapier MCP - Provides access to Zapier tools
  • Hugging Face MCP - Provides tool access to Hugging Face Hub
  • Any MCP server compatible with HTTP or SSE transport

License

This project is licensed under the Apache License 2.0 - see the LICENSE file for details.

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.