React MCP（模型上下文协议）

Name: React MCP（模型上下文协议）
Author: Streen9

Streen9

react-mcp integrates with Claude Desktop, enabling the creation and modification of React apps based on user prompts

接入配置

选择客户端，复制配置，再按项目文档补齐环境变量。

claude mcp add react -- npx @streen9/react-mcp

~/.codex/config.toml

[mcp_servers.react]
command = "npx"
args = ["@streen9/react-mcp"]

# codex mcp add react -- npx @streen9/react-mcp

~/.cursor/mcp.json

{
  "mcpServers": {
    "react": {
      "command": "npx",
      "args": [
        "@streen9/react-mcp"
      ]
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "react": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "@streen9/react-mcp"
      ]
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "react": {
      "command": "npx",
      "args": [
        "@streen9/react-mcp"
      ]
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "react": {
      "command": "npx",
      "args": [
        "@streen9/react-mcp"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "react": {
      "command": "npx",
      "args": [
        "@streen9/react-mcp"
      ]
    }
  }
}