freemcplab / Directorio / Playground / scira-mcp-chat

● Comunidad zaidmukaddam ⚡ Instantáneo

scira-mcp-chat

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

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

▶ Ver demo 📦 Instalar 💡 Casos de uso

Por qué usarlo

Características clave

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

Demo en vivo

Cómo se ve en la práctica

scira-mcp-chat.replay ▶ listo

0/0

Instalar

Elige tu cliente

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

Abre Claude Desktop → Settings → Developer → Edit Config. Reinicia después de guardar.

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

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

Cursor usa el mismo esquema mcpServers que Claude Desktop. La configuración del proyecto prevalece sobre la global.

VS Code → Cline → MCP Servers → Edit

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

Haz clic en el icono MCP Servers de la barra lateral de Cline y luego en "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

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

Mismo formato que Claude Desktop. Reinicia Windsurf para aplicar.

~/.continue/config.json

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

Continue usa un array de objetos de servidor en lugar de un mapa.

~/.config/zed/settings.json

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

Añádelo a context_servers. Zed recarga en caliente al guardar.

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

Un solo comando. Verifica con claude mcp list. Quita con claude mcp remove.

Casos de uso

Usos del mundo real: scira-mcp-chat

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

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

Cuándo usarlo: You want internal chat with MCP tools without paying per-seat for Claude Pro / ChatGPT Team.

Requisitos previos

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

Flujo

Clone and deploy

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

→ Deployed URL + DB connected
Add MCP servers

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

→ Tools visible in the chat
Share with team

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

→ Next-Auth or proxy config suggestion

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

Errores comunes

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

Cuándo usarlo: You want to evaluate 10 different MCP servers this weekend without modifying Claude Desktop config repeatedly.

Flujo

Add servers one at a time

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

→ Tools list updates live
Test each

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

→ Call + response visible

Resultado: Rapid MCP evaluation without restart cycles.

Errores comunes

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

Combinaciones

Combínalo con otros MCPs para multiplicar por 10

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.✓ Copiado

Herramientas

Lo que expone este MCP

Herramienta	Entradas	Cuándo llamar	Coste
(web UI)	Natural chat	This is the chat UI itself — not an MCP to be called from another client	LLM provider cost

Coste y límites

Lo que cuesta ejecutarlo

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

Seguridad

Permisos, secretos, alcance

Almacenamiento de credenciales: API keys in env vars (self-host) or user settings (multi-user mode)

Salida de datos: Your LLM provider + whichever MCP servers you add

No conceder nunca: 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.

Resolución de problemas

Errores comunes y soluciones

Build fails on deploy

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

Verificar: node --version

Added MCP server, no tools appear

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

Verificar: curl the URL and inspect

DB connection errors

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

Verificar: psql $DATABASE_URL

Alternativas

scira-mcp-chat vs otros

Alternativa	Cuándo usarla	Contrapartida
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

Más

Recursos

📖 Lee el README oficial en GitHub

🐙 Ver issues abiertas

🔍 Ver todos los 400+ servidores MCP y Skills