/ 目錄 / 演練場 / scira-mcp-chat
● 社群 zaidmukaddam ⚡ 即開即用

scira-mcp-chat

作者 zaidmukaddam · zaidmukaddam/scira-mcp-chat

一款極簡的開源 MCP 客戶端網頁應用程式 — 自備 LLM,透過介面新增 MCP 伺服器,即可開始聊天。

scira-mcp-chat 是一個 Next.js 網頁聊天介面,作為 MCP 客戶端運作。透過 Vercel AI SDK 串流回應(支援多個提供商)、在設定面板新增 MCP 伺服器(HTTP 或 SSE),並提供簡潔的 shadcn/ui 介面。與 Composio、Zapier 或 Hugging Face 等託管 MCP 提供商搭配使用效果絕佳。

為什麼要用

核心特性

即時演示

實際使用效果

scira-mcp-chat.replay ▶ 就緒
0/0

安裝

選擇你的客戶端

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "scira-mcp-chat": {
      "command": "npx",
      "args": [
        "-y",
        "scira-mcp-chat"
      ],
      "_inferred": true
    }
  }
}

開啟 Claude Desktop → Settings → Developer → Edit Config。儲存後重啟應用。

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "scira-mcp-chat": {
      "command": "npx",
      "args": [
        "-y",
        "scira-mcp-chat"
      ],
      "_inferred": true
    }
  }
}

Cursor 使用與 Claude Desktop 相同的 mcpServers 格式。專案級設定優先於全域。

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "scira-mcp-chat": {
      "command": "npx",
      "args": [
        "-y",
        "scira-mcp-chat"
      ],
      "_inferred": true
    }
  }
}

點擊 Cline 側欄中的 MCP Servers 圖示,然後選 "Edit Configuration"。

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "scira-mcp-chat": {
      "command": "npx",
      "args": [
        "-y",
        "scira-mcp-chat"
      ],
      "_inferred": true
    }
  }
}

格式與 Claude Desktop 相同。重啟 Windsurf 生效。

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "scira-mcp-chat",
      "command": "npx",
      "args": [
        "-y",
        "scira-mcp-chat"
      ]
    }
  ]
}

Continue 使用伺服器物件陣列,而非映射。

~/.config/zed/settings.json
{
  "context_servers": {
    "scira-mcp-chat": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "scira-mcp-chat"
        ]
      }
    }
  }
}

加入 context_servers。Zed 儲存後熱重載。

claude mcp add scira-mcp-chat -- npx -y scira-mcp-chat

一行命令搞定。用 claude mcp list 驗證,claude mcp remove 移除。

使用場景

實戰用法: scira-mcp-chat

為你的團隊自行部署啟用 MCP 的聊天介面

👤 希望擁有類似 ChatGPT 使用體驗並搭配工具的小型團隊 ⏱ ~60 min intermediate

何時使用: 你想要有內部聊天工具搭配 MCP 功能,但不想為 Claude Pro / ChatGPT Team 支付每人授權費用。

前置條件
  • Node 20+ 及 Postgres — Vercel / Docker / 自行託管
  • LLM API 金鑰 — 至少需要 OpenAI / Anthropic / Google 其中之一
步驟
  1. Clone 並部署
    帶我一步步在 Vercel 上自行部署 scira-mcp-chat,並透過 Supabase 連接 Postgres。✓ 已複製
    → 取得部署網址且資料庫成功連線
  2. 新增 MCP 伺服器
    在設定介面中,新增 Composio 的 Slack + GitHub HTTP 端點。✓ 已複製
    → 聊天中可看到可用工具
  3. 與團隊共用
    我要如何為這個服務加上基本驗證或 SSO?✓ 已複製
    → Next-Auth 或代理設定建議

結果: 一個附帶工具的私有聊天介面,成本遠低於按人收費的 SaaS 方案。

注意事項
  • 金鑰是以使用者還是全域方式儲存?取決於 fork 版本 — 在放入真實憑證前,先確認驗證與設定流程

無需編輯設定檔即可試用多個 MCP 伺服器

👤 MCP 愛好者與評測者 ⏱ ~30 min beginner

何時使用: 你想在週末評測 10 個不同的 MCP 伺服器,但不想反覆修改 Claude Desktop 的設定檔。

步驟
  1. 逐一新增伺服器
    在設定介面中,貼上每個想試用的 MCP 伺服器的 HTTP/SSE 網址。✓ 已複製
    → 工具清單即時更新
  2. 逐一測試
    使用工具 X 並輸入 Y,回報結果。✓ 已複製
    → 可看到呼叫與回應內容

結果: 快速評測 MCP 伺服器,無需反覆重啟。

注意事項
  • 僅支援 stdio 的 MCP 無法直接使用 — 透過 stdio 轉 HTTP 的橋接工具包裝,或使用 Smithery 託管的版本

組合

與其他 MCP 搭配,撬動十倍槓桿

scira-mcp-chat + filesystem + fetch + github

自製 Claude Desktop 替代方案

在設定中新增 filesystem(透過 HTTP 包裝器)、fetch 和 github MCP。作為日常工作主力工具使用。✓ 已複製

工具

此 MCP 暴露的能力

工具輸入參數何時呼叫成本
(web UI) Natural chat 這是聊天介面本身 — 並非可從其他客戶端呼叫的 MCP LLM provider cost

成本與限制

運行它的成本

API 配額
你所使用的 LLM 提供商的速率限制
每次呼叫 Token 數
直接傳遞給模型
費用
自行託管 = 僅需負擔基礎架構費用。LLM = 按用量付費。MCP 提供商(Composio 等)有各自的訂閱方案。
提示
將 DeepSeek 或 Gemini Flash 設為團隊聊天的預設模型 — 比 GPT-4 便宜 10 到 100 倍。

安全

權限、密鑰、影響範圍

憑證儲存: API 金鑰存放於環境變數(自行託管)或使用者設定(多使用者模式)
資料出站: 你的 LLM 提供商,以及你新增的所有 MCP 伺服器
切勿授予: Unauthenticated public deployment — your LLM keys will get drained

故障排查

常見錯誤與修復

Build fails on deploy

Next.js 版本不相容 — 請使用 .nvmrc 中指定的 Node 版本。

驗證: node --version
Added MCP server, no tools appear

傳輸方式不符。HTTP 網址必須回傳 MCP 握手回應;SSE 網址必須保持串流連線。

驗證: curl the URL and inspect
DB connection errors

DATABASE_URL 格式:postgres://user:pass@host:5432/db?sslmode=require

驗證: psql $DATABASE_URL

替代方案

scira-mcp-chat 對比其他方案

替代方案何時用它替代權衡
LibreChat你想要功能更成熟豐富的聊天介面較為龐大;MCP 支援透過外掛實現
Open WebUI你想要原生支援 MCP 0.6.31+ 並整合 Ollama較為複雜,但功能開箱即用
Claude Desktop / Claude Code你只使用 Anthropic 且不想管理任何基礎架構需付費;僅限單一使用者

更多

資源

📖 閱讀 GitHub 上的官方 README

🐙 查看未解決的 issue

🔍 瀏覽全部 400+ MCP 伺服器和 Skills