liady
MCP Serverliadypublic

vercel mcp chat

一款基于 Model Context Protocol (MCP) 的开源 AI 聊天机器人应用,使用 Next.js 和 Vercel AI SDK 构建。

Repository Info

0
Stars
0
Forks
0
Watchers
0
Issues
TypeScript
Language
Apache License 2.0
License

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.

FeaturesMCP ConfigurationLicense


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

  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:
    • 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:

  1. Enter the server URL (e.g., https://mcp.example.com/token/sse)
  2. Click "Add Server"

stdio Configuration

If you select stdio transport:

  1. Enter the command to execute (e.g., npx)

  2. Enter the command arguments (e.g., -y @modelcontextprotocol/server-google-maps)

    • You can enter space-separated arguments or paste a JSON array
  3. Click "Add Server"

  4. 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

1

Clone the repository

git clone https://github.com/liady/vercel-mcp-chat
2

Install dependencies

cd vercel-mcp-chat
npm install
3

Follow the documentation

Check the repository's README.md file for specific installation and usage instructions.

Repository Details

Ownerliady
Repovercel-mcp-chat
LanguageTypeScript
LicenseApache License 2.0
Last fetched8/10/2025

Recommended MCP Servers

💬

Discord MCP

Enable AI assistants to seamlessly interact with Discord servers, channels, and messages.

integrationsdiscordchat
🔗

Knit MCP

Connect AI agents to 200+ SaaS applications and automate workflows.

integrationsautomationsaas
🕷️

Apify MCP Server

Deploy and interact with Apify actors for web scraping and data extraction.

apifycrawlerdata
🌐

BrowserStack MCP

BrowserStack MCP Server for automated testing across multiple browsers.

testingqabrowsers

Zapier MCP

A Zapier server that provides automation capabilities for various apps.

zapierautomation