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 前,请检查代码、环境变量、网络行为、软件包来源与维护状态。