LangChain MCP Client Streamlit App

Name: LangChain MCP Client Streamlit App
Author: guinacio

guinacio

This Streamlit application provides a user interface for connecting to MCP (Model Context Protocol) servers and interacting with them using different LLM providers (OpenAI, Anthropic, Google, Ollama).

Setup

Choose your client, copy the config, then fill in any required environment variables.

Add to Cursor Add to VS Code

claude mcp add langchain-client-streamlit-app -- uv sync --all-extras --dev

~/.codex/config.toml

[mcp_servers.langchain-client-streamlit-app]
command = "uv"
args = ["sync", "--all-extras", "--dev"]

# codex mcp add langchain-client-streamlit-app -- uv sync --all-extras --dev

~/.cursor/mcp.json

{
  "mcpServers": {
    "langchain-client-streamlit-app": {
      "command": "uv",
      "args": [
        "sync",
        "--all-extras",
        "--dev"
      ]
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "langchain-client-streamlit-app": {
      "type": "stdio",
      "command": "uv",
      "args": [
        "sync",
        "--all-extras",
        "--dev"
      ]
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "langchain-client-streamlit-app": {
      "command": "uv",
      "args": [
        "sync",
        "--all-extras",
        "--dev"
      ]
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "langchain-client-streamlit-app": {
      "command": "uv",
      "args": [
        "sync",
        "--all-extras",
        "--dev"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "langchain-client-streamlit-app": {
      "command": "uv",
      "args": [
        "sync",
        "--all-extras",
        "--dev"
      ]
    }
  }
}

Setup

Related