UI MCP React

Name: UI MCP React
Author: summer-web

Verified · npm:@smwb

MCP server by summer-web · updated 4 days ago · 26 downloads a week

Score 61

Model Context Protocol server exposing the @smwb/ui-react (React) component catalog and customization guide. UI MCP React is published by npm:@smwb from its verified domain in the official MCP Registry.

Install Add to Cursor Add to VS Code Website

Works withClaude Code Claude Desktop Cursor Codex Gemini CLI VS Code Windsurf Antigravity CLI

Licence

MIT: permissive, fine for commercial use

Quality

Clear description, published package or server URL, original repository

Security

Not checked yet. What we check

Install UI MCP React

Built from the published package, never by AI

claude mcp add ui-mcp-react -- npx -y @smwb/ui-mcp-react

Run in your terminal. Add --scope user to use it in every project.

Step-by-step: install UI MCP React in Claude Code

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

Settings, Developer, Edit config. Paste into claude_desktop_config.json and restart.

Step-by-step: install UI MCP React in Claude Desktop

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

Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project).

Step-by-step: install UI MCP React in Cursor

{
  "servers": {
    "ui-mcp-react": {
      "command": "npx",
      "args": [
        "-y",
        "@smwb/ui-mcp-react"
      ]
    }
  }
}

Add to .vscode/mcp.json. VS Code uses "servers", not "mcpServers".

Step-by-step: install UI MCP React in VS Code

codex mcp add ui-mcp-react -- npx -y @smwb/ui-mcp-react

Step-by-step: install UI MCP React in Codex

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

Add to ~/.gemini/config/mcp_config.json (all projects) or .agents/mcp_config.json (this project).

Step-by-step: install UI MCP React in Antigravity CLI

gemini mcp add ui-mcp-react npx -y @smwb/ui-mcp-react

Gemini CLI was replaced by Antigravity CLI in June 2026 and remains only for enterprise licences and paid API keys.

Step-by-step: install UI MCP React in Gemini CLI

MCP servers run with your permissions and can read what you give them access to. Some need an API key: check the README and add it under env in the ui-mcp-react block.

UI MCP React: common questions

How do I install UI MCP React?

In Claude Code run claude mcp add ui-mcp-react -- npx -y @smwb/ui-mcp-react. For Claude Desktop, Cursor and VS Code, paste the config shown above and restart. See the install guides.

Is UI MCP React the official server?

UI MCP React is published by npm:@smwb from its verified domain in the official MCP Registry.

Is UI MCP React free?

The code is published under the MIT licence. The service it connects to may have its own pricing.

Is UI MCP React safe to use?

It scores 61 of 100. Grades: licence A, quality C. The security check has not run for it yet. Review the code before you install. How grades work.

Does UI MCP React work with ChatGPT?

Not directly. It runs locally, and ChatGPT only connects to remote servers with a URL. Use it in Claude Code, Claude Desktop, Cursor, VS Code or Codex.