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

Setup

Choose your client, copy the config, then fill in any required environment variables.

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"
      ]
    }
  }
}