A Streamlit ベースのプレイグラウンド で、大きな言語モデルとシームレスに外部 マルチサーバーコマンドプロトコル (MCP) ツールを接続できます。 複数の FastMCP サーバー (Weather & Currency) を Streamlit クライアントと共にバックアップし、Docker Compose とすべてのオーケストレーションを行います。 クライアントは、LangChain + LangGraphのおかげで、(OpenAI•Amazon Bedrock•Anthropic•Google Gemini• Groq)です。 超高速の依存性インストールのためにuv**で構築されています。

447 もっと知る

すべての作品に深くダイブしたいですか? この記事の詳細なチュートリアルをご覧ください: [https://medium.com/@elkhan.alizada/your-own-ai-agent-playground-build-it-with-streamlit-langgraph-and-docker-4caeb6fe0ac4]

お問い合わせ

緊急️️ メインインターフェイス - 接続ビュー

お問い合わせ

️️ 建築

お問い合わせ

✨ 主な特長

| 特集 | 概要 | お問い合わせ |---------------------------------------------------------------------------------------------------------------------------- | 🔌マルチサーバMCP | MCPサーバーの任意の数を登録し、エージェントは利用可能なツールとルートの呼び出しを自動検出します。 お問い合わせ | よくあるご質問 | よくあるご質問 | よくあるご質問 |

MCP Playground 🛠️🌩️

A Streamlit-based playground that lets you chat with large language models and seamlessly plug in external Multi-Server Command Protocol (MCP) tools. Spin up multiple FastMCP servers (Weather & Currency) alongside a Streamlit client, all orchestrated with Docker Compose. The client is provider-agnostic (OpenAI • Amazon Bedrock • Anthropic • Google Gemini • Groq) thanks to LangChain + LangGraph. Built with uv for lightning-fast dependency installation.

📖 Learn More

Want a deep dive into how it all works? Check out the detailed walkthrough in this Medium article: https://medium.com/@elkhan.alizada/your-own-ai-agent-playground-build-it-with-streamlit-langgraph-and-docker-4caeb6fe0ac4

---

🖥️🔌 Main Interface – Connected View

---

🏗️ Architecture

---

✨ Key Features

---

📂 Project Layout

mcp-playground/
├─ docker-compose.yaml          # One-command orchestration
├─ client/                      # Streamlit UI
│  ├─ app.py                    # Main entry-point
│  ├─ config.py                 # Typed settings & defaults
│  ├─ servers_config.json       # MCP endpoint catalogue
│  ├─ ui_components/            # Streamlit widgets
│  └─ ...
└─ servers/
   ├─ server1/                  # Weather Service MCP
   │  └─ main.py
   └─ server2/                  # Currency Exchange MCP
      └─ main.py

---

🚀 Quick Start

1 · Prerequisites

• Docker ≥ 24 & Docker Compose
• At least one LLM provider key (e.g. OPENAI_API_KEY) or AWS creds for Bedrock.

2 · Clone & Run

git clone https://github.com/your-org/mcp-playground.git
cd mcp-playground
docker compose up --build