mcp

Name: mcp
Author: ui-layouts

ui-layouts

MCP server for AI-powered UI component discovery on ui-layouts.com — search, docs, metadata, and TSX source in one pipeline.

Setup

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

claude mcp add ui-layouts -- npx @ui-layouts/mcp

~/.codex/config.toml

[mcp_servers.ui-layouts]
command = "npx"
args = ["@ui-layouts/mcp"]

# codex mcp add ui-layouts -- npx @ui-layouts/mcp

~/.cursor/mcp.json

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

.vscode/mcp.json

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

~/.gemini/settings.json

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

claude_desktop_config.json

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

.trae/mcp.json

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