freemcplab / Verzeichnis / Playground / scira-mcp-chat

● Community zaidmukaddam ⚡ Sofort

scira-mcp-chat

Name: scira-mcp-chat MCP Server
Author: zaidmukaddam

von zaidmukaddam · zaidmukaddam/scira-mcp-chat

A minimalist open-source MCP client web app — bring your own LLM, add MCP servers through a UI, and chat.

scira-mcp-chat is a Next.js web chat interface that acts as an MCP client. Stream responses via Vercel AI SDK (multiple providers), add MCP servers (HTTP or SSE) through a settings panel, and get a clean shadcn/ui interface. Pairs well with hosted MCP providers like Composio, Zapier, or Hugging Face.

▶ Demo ansehen 📦 Installieren 💡 Anwendungsfälle

Warum nutzen

Hauptfunktionen

Open-source Next.js chat UI — self-host anywhere
Multi-provider LLM via Vercel AI SDK (OpenAI, Anthropic, Google, etc.)
Add MCP servers via UI (HTTP / SSE transport)
Reasoning model support — renders thinking traces
Built with shadcn/ui + Tailwind — easy to theme / fork

Live-Demo

In der Praxis

scira-mcp-chat.replay ▶ bereit

0/0

Installieren

Wählen Sie Ihren Client

~/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
    }
  }
}

Öffne Claude Desktop → Settings → Developer → Edit Config. Nach dem Speichern neu starten.

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "scira-mcp-chat": {
      "command": "npx",
      "args": [
        "-y",
        "scira-mcp-chat"
      ],
      "_inferred": true
    }
  }
}

Cursor nutzt das gleiche mcpServers-Schema wie Claude Desktop. Projektkonfiguration schlägt die globale.

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "scira-mcp-chat": {
      "command": "npx",
      "args": [
        "-y",
        "scira-mcp-chat"
      ],
      "_inferred": true
    }
  }
}

Klicken Sie auf das MCP-Servers-Symbol in der Cline-Seitenleiste, dann "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "scira-mcp-chat": {
      "command": "npx",
      "args": [
        "-y",
        "scira-mcp-chat"
      ],
      "_inferred": true
    }
  }
}

Gleiche Struktur wie Claude Desktop. Windsurf neu starten zum Übernehmen.

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "scira-mcp-chat",
      "command": "npx",
      "args": [
        "-y",
        "scira-mcp-chat"
      ]
    }
  ]
}

Continue nutzt ein Array von Serverobjekten statt einer Map.

~/.config/zed/settings.json

{
  "context_servers": {
    "scira-mcp-chat": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "scira-mcp-chat"
        ]
      }
    }
  }
}

In context_servers hinzufügen. Zed lädt beim Speichern neu.

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

Einzeiler. Prüfen mit claude mcp list. Entfernen mit claude mcp remove.

Anwendungsfälle

Praxisnahe Nutzung: scira-mcp-chat

Self-host an MCP-enabled chat UI for your team

👤 Small teams wanting ChatGPT-like UX with tools ⏱ ~60 min intermediate

Wann einsetzen: You want internal chat with MCP tools without paying per-seat for Claude Pro / ChatGPT Team.

Voraussetzungen

Node 20+ and Postgres — Vercel / Docker / self-hosted
LLM API keys — At least one of OpenAI / Anthropic / Google

Ablauf

Clone and deploy

Walk me through self-hosting scira-mcp-chat on Vercel with Postgres via Supabase.✓ Kopiert

→ Deployed URL + DB connected
Add MCP servers

In the settings UI, add Composio's HTTP endpoint for Slack + GitHub.✓ Kopiert

→ Tools visible in the chat
Share with team

How do I put this behind basic auth or SSO?✓ Kopiert

→ Next-Auth or proxy config suggestion

Ergebnis: A private chat UI with tools, way cheaper than per-seat SaaS.

Fallstricke

Keys stored per-user or globally? Depends on fork — Review auth/settings flow before putting real credentials in

Experiment with many MCP servers without editing config files

👤 MCP tinkerers / reviewers ⏱ ~30 min beginner

Wann einsetzen: You want to evaluate 10 different MCP servers this weekend without modifying Claude Desktop config repeatedly.

Ablauf

Add servers one at a time

In the settings UI, paste the HTTP/SSE URL for each MCP server you want to try.✓ Kopiert

→ Tools list updates live
Test each

Use tool X with input Y. Report back.✓ Kopiert

→ Call + response visible

Ergebnis: Rapid MCP evaluation without restart cycles.

Fallstricke

stdio-only MCPs can't be used directly — Wrap them via a stdio-to-HTTP bridge or run via Smithery which hosts them

Kombinationen

Mit anderen MCPs für 10-fache Wirkung

scira-mcp-chat + filesystem + fetch + github

DIY Claude Desktop replacement

Add filesystem (via HTTP wrapper), fetch, and github MCPs in the settings. Use as daily driver.✓ Kopiert

Werkzeuge

Was dieses MCP bereitstellt

Werkzeug	Eingaben	Wann aufrufen	Kosten
(web UI)	Natural chat	This is the chat UI itself — not an MCP to be called from another client	LLM provider cost

Kosten & Limits

Was der Betrieb kostet

API-Kontingent: Your LLM provider's rate limits
Tokens pro Aufruf: Pass-through to the model
Kosten in €: Self-hosting = just infra cost. LLM = pay-as-you-go. MCP providers (Composio etc.) have their own tiers.
Tipp: Use DeepSeek or Gemini Flash as the default model for team chat — 10-100x cheaper than GPT-4.

Sicherheit

Rechte, Secrets, Reichweite

Credential-Speicherung: API keys in env vars (self-host) or user settings (multi-user mode)

Datenabfluss: Your LLM provider + whichever MCP servers you add

Niemals gewähren: Unauthenticated public deployment — your LLM keys will get drained

This is a web app MCP *client*, not an MCP server. You can't add it to Claude Desktop.
Review auth before exposing on the internet — defaults may allow anyone to use your keys.

Fehlerbehebung

Häufige Fehler und Lösungen

Build fails on deploy

Next.js version mismatch — use the Node version in .nvmrc.

Prüfen: node --version

Added MCP server, no tools appear

Transport mismatch. HTTP URL must return the MCP handshake; SSE URL must keep the stream open.

Prüfen: curl the URL and inspect

DB connection errors

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

Prüfen: psql $DATABASE_URL

Alternativen

scira-mcp-chat vs. andere

Alternative	Wann stattdessen	Kompromiss
LibreChat	You want a more mature, feature-rich chat UI	Heavier; MCP support via plugins
Open WebUI	You want native MCP 0.6.31+ support and Ollama integration	More complex but batteries-included
Claude Desktop / Claude Code	You only use Anthropic and want zero infra	Paid; single-user

Mehr

Ressourcen

📖 Offizielle README auf GitHub lesen

🐙 Offene Issues ansehen

🔍 Alle 400+ MCP-Server und Skills durchsuchen