mcpField
S
Scira Mcp Chat

Scira Mcp Chat

github.com/zaidmukaddam聊天应用82646 周前更新

关于 Scira Mcp Chat

Scira MCP Chat 是一个开源的 AI 聊天应用,基于 Next.js 与 Vercel 的 AI SDK 构建,支持通过 MCP 服务扩展工具能力。适合希望在聊天界面中直接配置和启用远程 MCP 服务的用户。

主要功能

  1. 01流式文本响应,可切换多种 AI 提供商
  2. 02通过 HTTP 或 SSE 连接 MCP 服务
  3. 03在聊天界面中添加和启用 MCP 服务
  4. 04支持推理模型
  5. 05基于 shadcn/ui 与 Tailwind CSS 的界面

适用场景

  1. 01在聊天中接入 Composio 或 Zapier MCP 的工具
  2. 02连接 Hugging Face MCP 服务访问 Hub 工具
  3. 03在对话中按会话启用不同的 MCP 服务

MCP 相关

该项目是一个 MCP 客户端,可通过 HTTP 或 SSE 传输连接远程 MCP 服务,并在聊天会话中启用其工具。

详细介绍

Scira MCP Chat

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

功能 • MCP 配置 • 许可证


功能

  • 由 Vercel 的 AI SDK 提供支持的流式文本回复,只需几行代码即可灵活切换多个 AI 提供商。
  • 与 Model Context Protocol(MCP) 服务全面集成,以扩展可用工具和功能。
  • 支持 HTTP 和 SSE 传输类型,可连接各种 MCP 工具提供商。
  • 内置工具集成,扩展 AI 功能。
  • 支持推理模型。
  • 使用 shadcn/ui 组件构建现代化、响应式的 UI,并由 Tailwind CSS 提供支持。
  • 使用最新的 Next.js App Router 构建。

MCP 服务配置

此应用支持连接 Model Context Protocol(MCP)服务,以使用其工具。你可以通过聊天界面中的设置图标添加和管理 MCP 服务。

添加 MCP 服务
  1. 点击聊天界面中模型选择器旁边的设置图标(⚙️)。
  2. 输入 MCP 服务的名称。
  3. 选择传输类型:
    • HTTP:用于基于 HTTP 的远程服务
    • SSE(服务器发送事件):用于基于 SSE 的远程服务
HTTP 或 SSE 配置
  1. 输入服务 URL(例如,https://mcp.example.com/mcp 或 https://mcp.example.com/token/sse)
  2. 点击“Add Server”
  3. 点击“Enable Server”,为当前聊天会话启用该服务。
可用的 MCP 服务

你可以在此应用中使用任何兼容 MCP 的服务。以下是一些示例:

  • Composio - 提供搜索、代码解释器和其他工具
  • Zapier MCP - 提供对 Zapier 工具的访问
  • Hugging Face MCP - 提供对 Hugging Face Hub 工具的访问
  • 任何兼容 HTTP 或 SSE 传输的 MCP 服务

许可证

本项目采用 Apache License 2.0 许可,详情请参阅 LICENSE 文件。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。