Element-UI

A MCP server that provides comprehensive information about Element-UI v2.15.14 components

typescript

2

GitHub Stars

typescript

Language

6 months ago

First Indexed

2 months ago

Catalog Refreshed

Documentation & install

Readme and setup notes from the catalogue, plus a client-ready config you can copy for your MCP host.

Installation

Add the following to your MCP client configuration file.

Configuration

View docs

{
  "mcpServers": {
    "yun8711-element-ui-mcp": {
      "command": "node",
      "args": [
        "/path/to/element-ui-mcp/stdio.js"
      ]
    }
  }
}

You will run and connect to an MCP server that exposes Element-UI v2.15.14 component documentation in a structured API. This server lets you list components, search by keyword, fetch component details, props, events, and usage examples, enabling powerful AI-assisted development on Vue 2 + Element-UI projects.

How to use

You connect your MCP client to the Element-UI MCP Server to query component information. Use the six MCP endpoints to explore available components, search by keyword, inspect a specific component, retrieve its properties and events, and pull usage examples. Start by configuring a client to point at the MCP server, then invoke the endpoints to retrieve structured data you can display in your tooling or documentation workflow.

How to install

Prerequisites: you need Node.js and npm or a compatible runtime to install and run the MCP server. You will also use a package manager like pnpm for dependency management.

Step 1: Clone the MCP server repository and navigate into it.

Step 2: Install dependencies using your preferred package manager.

Step 3: Build the MCP server. Then you can start the server locally or run it via a global installation when preferred.

Concrete commands you can run are shown below as examples of the typical flow. Use the exact commands relevant to your setup.

MCP connection configurations

{
  "mcpServers": {
    "element_ui_local": {
      "type": "stdio",
      "command": "node",
      "args": ["/path/to/element-ui-mcp/stdio.js"]
    },
    "element_ui_npx": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "element-ui-mcp"]
    }
  }
}

Additional notes

Environment variables are not required for basic use in the provided configurations. If you have custom runtime or security requirements, you can introduce environment variables in your client configuration as needed.

Tools and endpoints

The server exposes a set of endpoints to interact with Element-UI component data. Each tool corresponds to a specific API operation.

Available tools

list_components

Lists all available Element-UI components.

search_components

Search for components by keyword.

get_component

Get detailed information about a specific component.

get_component_props

Get all properties for a specific component.

get_component_events

Get all events for a specific component.

get_component_examples

Get usage examples for a specific component.