freemcplab / Diretório / Playground / scira-mcp-chat

● Comunidade 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 que usar

Principais recursos

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 ao vivo

Como fica na prática

scira-mcp-chat.replay ▶ pronto

0/0

Instalar

Escolha seu 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
    }
  }
}

Abra Claude Desktop → Settings → Developer → Edit Config. Reinicie após salvar.

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

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

Cursor usa o mesmo esquema mcpServers que o Claude Desktop. Config de projeto vence a global.

VS Code → Cline → MCP Servers → Edit

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

Clique no ícone MCP Servers na barra lateral do Cline, depois "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

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

Mesmo formato do Claude Desktop. Reinicie o Windsurf para aplicar.

~/.continue/config.json

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

O Continue usa um array de objetos de servidor em vez de um map.

~/.config/zed/settings.json

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

Adicione em context_servers. Zed recarrega automaticamente ao salvar.

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

Uma linha só. Verifique com claude mcp list. Remova com claude mcp remove.

Casos de uso

Usos do 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

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

Pré-requisitos

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

Fluxo

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.

Armadilhas

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

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

Fluxo

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.

Armadilhas

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

Combinações

Combine com outros MCPs para 10× de alavancagem

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

Ferramentas

O que este MCP expõe

Ferramenta	Entradas	Quando chamar	Custo
(web UI)	Natural chat	This is the chat UI itself — not an MCP to be called from another client	LLM provider cost

Custo e limites

O que custa rodar

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

Segurança

Permissões, segredos, alcance

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

Saída de dados: Your LLM provider + whichever MCP servers you add

Nunca conceda: 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.

Solução de problemas

Erros comuns e correções

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

Alternativa	Quando usar	Troca
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

Mais

Recursos

📖 Leia o README oficial no GitHub

🐙 Ver issues abertas

🔍 Ver todos os 400+ servidores MCP e Skills