EOxElements — Claude Code MCP server: what it does, how to install
Supplies coding assistants with reference data for EOxElements geospatial web components. Speeds up building maps and spatial user interfaces in front-end projects.
claude mcp add --transport http eoxelements https://elements.mcp.eox.atWhat EOxElements does
This server connects language models to specifications for the EOxElements v2 UI suite. It covers custom elements designed for maps like eox-map and feature drawing with eox-drawtools. That prevents invalid markup.
Every component ships as an individual npm package under @eox/<element>. The agent references these schemas directly, formatting tag attributes for bundlers or script tags.
Running the server requires either network access to https://elements.mcp.eox.at or local Node.js supporting npx. If the connection fails, the agent cannot inspect component structures.
What it helps with
- configure eox-map alongside layer controls in front-end markup
- implement spatial feature editing with eox-drawtools
- add geographic autocomplete using eox-geosearch
- render STAC metadata records with eox-stacinfo
Example prompts for the agent
- Show how to import eox-map and eox-layercontrol in a Vite setup.
- Add eox-geosearch to my layout and bind it to the main map.
- Create an eox-jsonform element configured with my JSON schema.
How to install EOxElements
1Platform CLI: remote server
claude mcp add --transport http eoxelements https://elements.mcp.eox.at2Platform CLI
claude mcp add eoxelements -- npx -y @eox/elements-mcp-server1Platform CLI: remote server
codex mcp add eoxelements --url https://elements.mcp.eox.at2Platform CLI
codex mcp add eoxelements -- npx -y @eox/elements-mcp-serverConfig file
{
"mcpServers": {
"eoxelements": {
"url": "https://elements.mcp.eox.at"
}
}
}{
"mcpServers": {
"eoxelements": {
"command": "npx",
"args": [
"-y",
"@eox/elements-mcp-server"
]
}
}
}Config file
{
"servers": {
"eoxelements": {
"type": "http",
"url": "https://elements.mcp.eox.at"
}
}
}{
"servers": {
"eoxelements": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@eox/elements-mcp-server"
]
}
}
}1Platform CLI: remote server
gemini mcp add -t http eoxelements https://elements.mcp.eox.at2Platform CLI
gemini mcp add eoxelements npx -y @eox/elements-mcp-serverStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about EOxElements
How do I install EOxElements in Claude Code?
Run this command in your terminal: claude mcp add --transport http eoxelements https://elements.mcp.eox.at.
What does the EOxElements MCP server do?
It provides coding agents with API details and usage examples for geospatial custom elements. The assistant can construct maps, forms, and charts without manual documentation lookups.
How are EOxElements installed into client applications?
Components are distributed as individual npm packages like @eox/<element> for bundlers such as Vite or Webpack. They also load via <script> tags as ES modules.
