MCP server for EUI Angular component library using Compodoc documentation
npm install @eui/mcpGet the EUI Compodoc MCP Server running in 5 minutes.
- Node.js 18 or higher
- An MCP client (Kiro CLI, Claude Desktop, etc.)
The EUI library documentation is available at:
```
https://euidev.ecdevops.eu/eui-docs-eui-21.x/json/documentation.json
You can use this URL directly (recommended) or download it locally:
`bash`Optional: Download locally
curl -o documentation.json https://euidev.ecdevops.eu/eui-docs-eui-21.x/json/documentation.json
Add to .kiro/settings/mcp.json:
`json`
{
"mcpServers": {
"eui-compodoc": {
"command": "npx",
"args": [
"-y",
"@eui/mcp",
"--doc-path",
"https://euidev.ecdevops.eu/eui-docs-eui-21.x/json/documentation.json"
]
}
}
}
Add to Claude Desktop configuration:
macOS: ~/Library/Application Support/Claude/claude_desktop_config.json%APPDATA%\Claude\claude_desktop_config.json
Windows:
`json`
{
"mcpServers": {
"eui-compodoc": {
"command": "npx",
"args": [
"-y",
"@eui/mcp",
"--doc-path",
"https://euidev.ecdevops.eu/eui-docs-eui-21.x/json/documentation.json"
]
}
}
}
- Kiro CLI: Restart your terminal session
- Claude Desktop: Quit and reopen the application
Ask your AI assistant:
> "List 5 components from the EUI library"
You should see component names and descriptions.
If you prefer to run from source or use a local documentation file:
`bash`
git clone
cd eui-compodoc-mcp
npm install
npm run build
`json`
{
"documentation": {
"path": "https://euidev.ecdevops.eu/eui-docs-eui-21.x/json/documentation.json"
}
}
Or for local file:
`json`
{
"documentation": {
"path": "/absolute/path/to/documentation.json"
}
}
`json`
{
"mcpServers": {
"eui-compodoc": {
"command": "node",
"args": [
"/absolute/path/to/eui-compodoc-mcp/dist/main.js",
"--config",
"/absolute/path/to/config.json"
]
}
}
}
Once configured, you can:
- list-components - List all components, directives, pipes, services
- get-component-docs - Get detailed documentation for a component
- search-components - Search components by keyword
- get-component-inputs - Get input properties
- get-component-outputs - Get output events
- get-component-examples - Get usage examples
- get-library-version - Get current library version
- list-deprecated - List deprecated items
- get-deprecation-info - Get deprecation details
- get-eui-cli-guide - Get getting started guide for EUI CLI
- get-eui-cli-instructions - Get complete EUI CLI instructions and options
Try asking:
- "What components are available for forms?"
- "Show me the ButtonComponent documentation"
- "What inputs does ModalComponent accept?"
- "List all deprecated components"
- "Search for table components"
- "How do I create a new EUI application?"
- "Show me all EUI CLI commands and options"
`bash`Test manually
npx -y @eui/mcp --doc-path https://euidev.ecdevops.eu/eui-docs-eui-21.x/json/documentation.json
Check your network connection and firewall settings. If the URL is blocked, download the file locally and use a file path instead.
1. Verify the configuration file syntax is valid JSON
2. Restart your MCP client completely
3. Check client logs for connection errors
`json`
{
"documentation": {
"path": "/path/to/documentation.json",
"watchForChanges": true,
"reloadDebounce": 1000
}
}
`json`
{
"documentation": {
"path": "https://euidev.ecdevops.eu/eui-docs-eui-21.x/json/documentation.json"
},
"logging": {
"level": "debug"
}
}
`json``
{
"documentation": {
"path": "https://euidev.ecdevops.eu/eui-docs-eui-21.x/json/documentation.json",
"pollInterval": 300000
}
}
- Read the full documentation for all features
- Explore all available tools
- Customize configuration for your workflow
Happy coding! 🚀