EOX

Elements MCP Server

Model Context Protocol for Web Components

Active

About this Server

This server implements the Model Context Protocol (MCP), providing a bridge between LLMs (like Claude, GPT, etc.) and the EOxElements component library.

Through rich metadata, descriptions, real-world stories, and usage code snippets, coding agents can effortlessly explore, instantiate, configure, and troubleshoot EOxElements custom elements in any web environment.

GitHub Repository Live Documentation & Storybook

Registry Overview

0
Custom Elements
0
Story Snippets
Manifest mode: Local File/Loaded

Connect EOxElements to your Coding Agent

To use these tools with Claude Desktop, add the following configuration to your claude_desktop_config.json: 

{
  "mcpServers": {
    "eox-elements": {
      "command": "node",
      "args": [
        "/absolute/path/to/EOxElements/mcp-server/index.js",
        "--manifest",
        "/absolute/path/to/EOxElements/custom-elements.json",
        "--snippets",
        "/absolute/path/to/EOxElements/story-snippets.json"
      ]
    }
  }
}

Supported MCP Tools

list_elements

List all available EOxElements custom elements.

get_element_details

Get the full custom-elements-manifest details for a specific tag name.

get_element_stories

Get stories/snippets (descriptions and functional code) for an element.

get_element_attributes

Get the HTML attributes supported by a specific element.

get_element_properties

Get reactive JS properties (and their type JSDocs) for an element.

get_element_events

Get all custom events dispatched by a specific element.

Available Components (0)

No elements loaded. Check your custom-elements.json path.