Nextchat MCP

🚀 与MCPサーバービルダーのNextChat

これはカスタマイズ版のNextChatで、チャットインタラクションを通じて、OpenRouterの大規模言語モデルを使用するMCP（モデルコンテキストプロトコル）サーバーの作成とデプロイ機能を追加しています。

✨ 主な機能

• チャットベースのMCPサーバー作成：簡単なチャットでMCPサーバーを作成できます。
• ツール抽出：あなたの説明から自動的にツールを抽出します。
• ワンクリックデプロイ：クリック1回でMCPサーバーをデプロイできます。
• 統合ガイド：様々なAIシステムの一連の統合説明を取得できます。
• OpenRouter統合：OpenRouterを通じて幅広い大規模言語モデルを使用できます。

🚀 クイックスタート

前提条件

• Node.js 18.0.0以上
• npmまたはyarn
• OpenRouter APIキー

📦 インストール

1. リポジトリをクローンします：

git clone https://github.com/vredrick2/NextChat.git
cd NextChat

2. 依存関係をインストールします：

npm install
# または
yarn

3. .env.localファイルを作成し、以下の内容を記述します：

# MCP機能を有効にする
ENABLE_MCP=true

# OpenRouter APIキー
OPENAI_API_KEY=あなたのOpenRouterAPIキー

# OpenRouterをベースURLとして設定
BASE_URL=https://openrouter.ai/api/v1

# デフォルトモデル（任意のOpenRouterモデルに変更可能）
DEFAULT_MODEL=openrouter/anthropic/claude-3-opus

# ユーザーAPIキー入力を隠す（OpenRouterを使用するため）
HIDE_USER_API_KEY=1

# カスタムモデルを有効にする
CUSTOM_MODELS=+openrouter/anthropic/claude-3-opus,+openrouter/anthropic/claude-3-sonnet,+openrouter/google/gemini-pro

4. 開発サーバーを起動します：

npm run dev
# または
yarn dev

5. ブラウザでhttp://localhost:3000を開きます。

💻 使用例

MCPサーバーの作成

1. 新しいチャットを開始します。
2. 「MCPサーバーを作成する」または類似のフレーズを入力します。
3. 指示に従って、サーバーに名前を付け、その機能を説明します。
4. システムがあなたの説明からツールを抽出し、サーバーをデプロイします。
5. 様々なAIシステムとの統合に必要な説明を受け取ります。

🔧 技術詳細

MCPサーバー作成画面

MCPサーバー作成画面はReactコンポーネントとして実装されており、ユーザーがMCPサーバーの作成とデプロイのプロセスをサポートします。この画面には以下が含まれます：

• 名前入力
• 説明入力
• ツール抽出
• デプロイ
• 統合ガイド生成

ツール抽出

ツールはユーザーの説明からパターンマッチングによって抽出されます。システムは特定のツールタイプを示すキーワードを検索します。例えば：

• 計算機ツール
• 変換ツール
• 天気ツール
• 検索ツール
• 翻訳ツール

デプロイ

現在の実装では、模擬デプロイとモックURLを使用しています。本番環境では、実際のデプロイサービスに接続されます。

統合

システムは様々なAIシステムの統合ガイドを生成します：

• Cursor
• Claude Desktop
• Windsurf
• 直接APIアクセス

📚 ドキュメント

プロジェクト構造

• /app/utils/mcp/types.ts：MCPサーバーとツールのTypeScriptインターフェース
• /app/utils/mcp/storage.ts：MCPサーバーのストレージユーティリティ
• /app/utils/mcp/extraction.ts：ツール抽出機能
• /app/utils/mcp/deployment.ts：デプロイユーティリティ
• /app/utils/mcp/chat-integration.ts：チャット統合ユーティリティ
• /app/api/mcp/create/route.ts：MCPサーバーを作成するAPIエンドポイント
• /app/components/mcp/server-creation.tsx：MCPサーバー作成コンポーネント
• /app/components/mcp/server-list.tsx：MCPサーバーリストコンポーネント

📄 注意事項

• すべての依存関係をインストールし、環境変数を正しく設定してください。
• 本番環境にデプロイする前に、すべての機能をテストして正常に動作することを確認してください。
• OpenRouterの使用規約に従ってください。

このガイドがあなたの役に立つことを願っています！何か質問があれば、いつでもドキュメントを確認するか、サポートチームに連絡してください。