UIMax MCP — Turns Claude Code into a frontend expert that reviews and fixes your UI automatically. Free for Pro plan users.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add uimax -- npx -y uimax-mcp~/.codex/config.toml
[mcp_servers.uimax]
command = "npx"
args = ["-y", "uimax-mcp"]
# codex mcp add uimax -- npx -y uimax-mcp~/.cursor/mcp.json
{
"mcpServers": {
"uimax": {
"command": "npx",
"args": [
"-y",
"uimax-mcp"
]
}
}
}.vscode/mcp.json
{
"servers": {
"uimax": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"uimax-mcp"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"uimax": {
"command": "npx",
"args": [
"-y",
"uimax-mcp"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"uimax": {
"command": "npx",
"args": [
"-y",
"uimax-mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"uimax": {
"command": "npx",
"args": [
"-y",
"uimax-mcp"
]
}
}
}