mcp-server-playground について
mcp-server-playgroundは、READMEの情報が限られたTypeScript製MCPサーバープロジェクトです。MCPサーバーの実行やVisual Studio Codeとの接続を試す用途に向いています。
主な機能
- 01tsxで実行
- 02Visual Studio Code向けMCP設定例
活用シーン
- 01npx tsxでサーバーをローカル起動
- 02Visual Studio CodeでSSEサーバーを設定
MCP 対応
READMEにはhttp://localhost:3001/sseのSSEエンドポイントと、Visual Studio Code向けのMCP設定例が記載されています。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
エンドポイント
http://localhost:3001/sseインストールコマンドをコピー
Claude CodeTerminal
claude mcp add --transport http playground-piyoppi http://localhost:3001/sseCursor.cursor/mcp.json
{"mcpServers":{"playground-piyoppi":{"type":"http","url":"http://localhost:3001/sse"}}}Cursor で開くVS Code.vscode/mcp.json
{"servers":{"playground-piyoppi":{"type":"http","url":"http://localhost:3001/sse"}}}VS Code で開くClaude Desktopclaude_desktop_config.json
{"mcpServers":{"playground-piyoppi":{"type":"http","url":"http://localhost:3001/sse"}}}Windsurf~/.codeium/windsurf/mcp_config.json
{"mcpServers":{"playground-piyoppi":{"serverUrl":"http://localhost:3001/sse"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
詳細
mcp-server-playground
使い方
npx tsx index.tsx
Visual Studio Code の設定
{
"chat.agent.enabled": true,
"mcp": {
"servers": {
"my-mcp-server": {
"type": "sse",
"url": "http://localhost:3001/sse"
}
}
}
}
コメント
Markdown 対応
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。