The UI5 Web Components MCP Server improves the developer experience when working with agentic AI and the UI5 Web Components framework.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add webcomponents -- npx -y @ui5/webcomponents-mcp-server~/.codex/config.toml
[mcp_servers.webcomponents]
command = "npx"
args = ["-y", "@ui5/webcomponents-mcp-server"]
# codex mcp add webcomponents -- npx -y @ui5/webcomponents-mcp-server~/.cursor/mcp.json
{
"mcpServers": {
"webcomponents": {
"command": "npx",
"args": [
"-y",
"@ui5/webcomponents-mcp-server"
]
}
}
}.vscode/mcp.json
{
"servers": {
"webcomponents": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@ui5/webcomponents-mcp-server"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"webcomponents": {
"command": "npx",
"args": [
"-y",
"@ui5/webcomponents-mcp-server"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"webcomponents": {
"command": "npx",
"args": [
"-y",
"@ui5/webcomponents-mcp-server"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"webcomponents": {
"command": "npx",
"args": [
"-y",
"@ui5/webcomponents-mcp-server"
]
}
}
}