React MCP

🚀 React MCP（模型上下文协议）

React MCP是一个强大的服务器实现，它搭建起Claude AI与React应用程序之间的桥梁，让二者能通过模型上下文协议进行交互，极大地拓展了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。