
vercel mcp chat
一款基于 Model Context Protocol (MCP) 的开源 AI 聊天机器人应用,使用 Next.js 和 Vercel AI SDK 构建。
Repository Info
About This Server
一款基于 Model Context Protocol (MCP) 的开源 AI 聊天机器人应用,使用 Next.js 和 Vercel AI SDK 构建。
Model Context Protocol (MCP) - This server can be integrated with AI applications to provide additional context and capabilities, enabling enhanced AI interactions and functionality.
Documentation
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.
- Multiple MCP transport types (SSE and stdio) for connecting to various 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
- Click the settings icon (⚙️) next to the model selector in the chat interface.
- Enter a name for your MCP server.
- Select the transport type:
- SSE (Server-Sent Events): For HTTP-based remote servers
- stdio (Standard I/O): For local servers running on the same machine
SSE Configuration
If you select SSE transport:
- Enter the server URL (e.g.,
https://mcp.example.com/token/sse) - Click "Add Server"
stdio Configuration
If you select stdio transport:
-
Enter the command to execute (e.g.,
npx) -
Enter the command arguments (e.g.,
-y @modelcontextprotocol/server-google-maps)- You can enter space-separated arguments or paste a JSON array
-
Click "Add Server"
-
Click "Use" 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
- Any MCP server using stdio transport with npx and python3
License
This project is licensed under the Apache License 2.0 - see the LICENSE file for details.
Based on Scira MCP Chat
Quick Start
Clone the repository
git clone https://github.com/liady/vercel-mcp-chatInstall dependencies
cd vercel-mcp-chat
npm installFollow the documentation
Check the repository's README.md file for specific installation and usage instructions.
Repository Details
Recommended MCP Servers
Discord MCP
Enable AI assistants to seamlessly interact with Discord servers, channels, and messages.
Knit MCP
Connect AI agents to 200+ SaaS applications and automate workflows.
Apify MCP Server
Deploy and interact with Apify actors for web scraping and data extraction.
BrowserStack MCP
BrowserStack MCP Server for automated testing across multiple browsers.
Zapier MCP
A Zapier server that provides automation capabilities for various apps.