Design · MODEL CONTEXT PROTOCOL
kalivaraprasad gonapa react mcp
react-mcp integrates with Claude Desktop, enabling the creation and modification of React apps based on user prompts
WHAT IT CONNECTS
kalivaraprasad gonapa react mcp 为 AI Agent 提供什么
- **React Project Management**
- Create new React applications with optional templates
- Run development servers
- Manage dependencies
- **File Operations**
- Read and write files
- Edit React components and configuration
- **Process Management**
- Start and monitor long-running processes
- Track process output in real-time
- Terminate processes when needed
- **Command Execution**
- Run arbitrary terminal commands
- Install npm packages
- Execute development tasks
- **Comprehensive Logging**
- Detailed JSON and text logs
- Process tracking with timestamps
- Execution history
- Clone this repository
- Install dependencies:
- `name` (required): Name of the React app
- `template` (optional): Template to use (e.g., typescript, cra-template-pwa)
- `directory` (optional): Base directory to create the app in (defaults to home directory)
- `projectPath` (required): Path to the React project folder
- `command` (required): Command to execute
- `directory` (optional): Directory to run the command in (defaults to current directory)
- `processId` (required): ID of the process to get output from
- `processId` (required): ID of the process to stop
- `filePath` (required): Path to the file to edit
- `content` (required): Content to write to the file
- `filePath` (required): Path to the file to read
- `packageName` (required): Name of the package to install (can include version)
- `directory` (optional): Directory of the project (defaults to current directory)
- `dev` (optional): Whether to install as a dev dependency
- `processId` (required): ID of the installation process to check
- `react-mcp-logs.json`: Structured JSON logs
- `react-mcp-logs.txt`: Human-readable text logs
- **Model Context Protocol SDK**: For communication with Claude AI
- **StdioServerTransport**: For I/O through standard input/output
- **Zod**: For schema validation and type safety
- **Child Process**: For spawning and managing external processes
SECURITY
MCP 收录不等于安全审核
MCP 服务器可能获得模型上下文、凭据、本地文件或调用外部系统的权限。连接 Agent 前,请检查代码、环境变量、网络行为、软件包来源与维护状态。