React MCP

🚀 React MCP（模型上下文協議）

React MCP是一個強大的服務器實現，它搭建了Claude AI與React應用程序之間的溝通橋樑，讓二者能夠通過模型上下文協議進行交互。

🚀 快速開始

通過以下示例，你可以快速瞭解React MCP的使用方式：

• Markdown編輯器/查看器由Claude創建
• API測試器由Claude創建

✨ 主要特性

React項目管理

• 使用可選模板創建新React應用程序。
• 運行開發服務器。
• 管理依賴項。

文件操作

• 讀取和寫入文件。
• 編輯React組件和配置。

進程管理

• 啟動並監控長-running進程。
• 即時跟蹤進程輸出。
• 在需要時終止進程。

命令執行

• 執行任意終端命令。
• 安裝npm包。
• 執行開發任務。

安裝狀態檢查

• 檢查安裝過程的狀態。
• 獲取詳細日誌和進度信息。

📚 詳細文檔

概述

React MCP為Claude AI與React生態系統之間架起橋樑，使Claude能夠：

• 創建新的React應用程序。
• 運行React開發服務器。
• 管理文件和目錄。
• 安裝npm包。
• 執行終端命令。
• 跟蹤並管理長-running進程。

此服務器實現模型上下文協議，使Claude能夠在開發環境中執行現實世界操作。

日誌記錄

服務器在logs目錄中維護詳細的日誌：

• react-mcp-logs.json：結構化的JSON日誌。
• react-mcp-logs.txt：人類可讀的文本日誌。

架構

服務器使用以下關鍵組件：

• 模型上下文協議SDK：用於與Claude AI通信。
• StdioServerTransport：用於通過標準輸入/輸出進行I/O。
• Zod：用於模式驗證和類型安全。
• 子進程：用於_spawn和管理外部進程。

📄 許可證

本項目採用MIT許可證。

👨‍💻 作者

@streen9

🤝 貢獻

歡迎貢獻！請隨時提交Pull Request。