🎨 React + Material-UI的UX/UI工具（MCP服务器）

Name: 🎨 React + Material-UI的UX/UI工具（MCP服务器）
Author: MarcusViniciusBarcelos

MarcusViniciusBarcelos

Get started Repository

MCP Server for UX/UI best practices in React + Material-UI

Setup

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

Add to Cursor Add to VS Code

claude mcp add react-material-uiux-ui -- npx -y @MarcusViniciusBarcelos/uiux-tools-react-mui

~/.codex/config.toml

[mcp_servers.react-material-uiux-ui]
command = "npx"
args = ["-y", "@MarcusViniciusBarcelos/uiux-tools-react-mui"]

# codex mcp add react-material-uiux-ui -- npx -y @MarcusViniciusBarcelos/uiux-tools-react-mui

~/.cursor/mcp.json

{
  "mcpServers": {
    "react-material-uiux-ui": {
      "command": "npx",
      "args": [
        "-y",
        "@MarcusViniciusBarcelos/uiux-tools-react-mui"
      ]
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "react-material-uiux-ui": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@MarcusViniciusBarcelos/uiux-tools-react-mui"
      ]
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "react-material-uiux-ui": {
      "command": "npx",
      "args": [
        "-y",
        "@MarcusViniciusBarcelos/uiux-tools-react-mui"
      ]
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "react-material-uiux-ui": {
      "command": "npx",
      "args": [
        "-y",
        "@MarcusViniciusBarcelos/uiux-tools-react-mui"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "react-material-uiux-ui": {
      "command": "npx",
      "args": [
        "-y",
        "@MarcusViniciusBarcelos/uiux-tools-react-mui"
      ]
    }
  }
}

Setup

Related