uiplug-mcp

MCP server for UIPlug — gives Claude and other AI agents instant access to the UIPlug UI component marketplace.

What it does

Exposes 8 tools to any MCP-compatible agent:

Marketplace tools

| Tool | Description | |------|-------------| | list_components | Browse published components, filter by framework, category, or group | | search_components | Search public marketplace by name, description, or tag | | get_component | Get full source code + installation instructions by component ID |

Personal tools (requires API key)

| Tool | Description | |------|-------------| | get_my_profile | View your profile, component stats (published / pending / rejected, downloads, likes), and groups | | list_my_components | List all components you've created — any status (published, pending, rejected) | | search_my_components | Search through your own saved components by name, description, or tag | | list_groups | List UIPlug groups you're a member of | | create_component | Submit a new component to the marketplace |

Authentication

A free API key is required. Generate one at uiplug.com/dashboard/settings — it takes under a minute.

Usage with Claude Desktop

Add this to ~/Library/Application Support/Claude/claude_desktop_config.json:

{
  "mcpServers": {
    "uiplug": {
      "command": "npx",
      "args": ["-y", "uiplug-mcp"],
      "env": {
        "UIPLUG_API_KEY": "uiplug_sk_your_key_here"
      }
    }
  }
}

Restart Claude Desktop.

Usage with Cursor

Add to .cursor/mcp.json:

{
  "mcpServers": {
    "uiplug": {
      "command": "npx",
      "args": ["-y", "uiplug-mcp"],
      "env": {
        "UIPLUG_API_KEY": "uiplug_sk_your_key_here"
      }
    }
  }
}

Usage with VS Code (GitHub Copilot)

Add to .vscode/mcp.json:

{
  "servers": {
    "uiplug": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "uiplug-mcp"],
      "env": {
        "UIPLUG_API_KEY": "uiplug_sk_your_key_here"
      }
    }
  }
}

Example prompts

Marketplace

"Build me a React dashboard. Use UIPlug to find a skeleton loader and a card component."

"Search UIPlug for navigation components for Jetpack Compose."

"Get the Gradient Button component from UIPlug and adapt it to my design system."

Personal

"What's my UIPlug profile and how many downloads do I have?"

"Show me all my UIPlug components that are still pending review."

"Search my saved UIPlug components for anything button-related."

"Submit this button component to UIPlug under the 'acme-ui-team' group."

Supported frameworks

React · Vue · Svelte · Angular · HTML/CSS · Jetpack Compose · Compose Multiplatform · Flutter · SwiftUI · React Native