UI5 웹 구성 요소 개발을 위한 모델 Context Protocol 서버.

요구 사항

• Node.js 버전 v20.17.0, v22.9.0 이상
• npm 버전 v8.0.0 이상
• VS Code (GitHub Copilot), Claude Code, Codex 또는 다른 MCP 호환 클라이언트와 같은 MCP 클라이언트

설치

대부분의 클라이언트를 위한 표준 윤곽

이 윤곽은 대부분의 MCP 클라이언트를 위해 작동합니다:

Windows용 특수 구성 기본 Windows에서 (WSL하지 않음), 당신은 cmd /c]와 npx를 접두사해야 할 수 있습니다 :

특정 MCP 클라이언트

위의 일반적인 구성 외에도 MCP 클라이언트는 MCP 서버를 설치하기 위해 단축키를 제공합니다.

VS 코드

Claude 코드

코드

사용법

설정하면 AI 조수 물건을 요청하십시오.

• “ui5-button의 API를 보여줘”
• " React로 UI5 웹 컴포넌트를 어떻게 사용합니까?
• “사용 가능한 문서보기”
• “그들의 문서 만들기”

사용 가능한 도구

get_component_api

모든 UI5 웹 구성 요소에 대한 Fetch API docs (properties, 슬롯, 이벤트, 방법). @ui5/webcomponents, @ui5/webcomponents-fiori], @ui5/webcomponents-ai] 패키지를 검색합니다.

get_guidelines

UI5 Web Components MCP Server

A Model Context Protocol server for UI5 Web Components development.

Requirements

• Node.js Version v20.17.0, v22.9.0 or higher
• npm Version v8.0.0 or higher
• An MCP client, such as VS Code (GitHub Copilot), Claude Code, Codex, or any other MCP-compatible client

Setup

Standard Configuration for Most Clients

This configuration works for most MCP clients:

{
  "mcpServers": {
    "@ui5/webcomponents-mcp-server": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@ui5/webcomponents-mcp-server"]
    }
  }
}

Specific MCP Clients

Besides the general configuration outlined above, some MCP clients offer shortcuts for installing MCP servers.

VS Code

code --add-mcp '{"name":"@ui5/webcomponents-mcp-server","type":"stdio","command":"npx","args":["-y","@ui5/webcomponents-mcp-server"]}'

Claude Code

claude mcp add --transport stdio --scope user ui5-webc-mcp-server -- npx -y @ui5/webcomponents-mcp-server

Codex

codex mcp add --transport stdio ui5-webc-mcp-server -- npx -y @ui5/webcomponents-mcp-server

Usage

Once set up, ask your AI assistant things like:

• “Show me the API for ui5-button”
• “How do I use UI5 Web Components with React?”
• “Show me the available documentation”
• “Get the theming documentation”

Available Tools

get_component_api

Fetch API docs for any UI5 Web Component (properties, slots, events, methods).
Searches across @ui5/webcomponents, @ui5/webcomponents-fiori, and @ui5/webcomponents-ai packages.

get_guidelines

Get integration guides for React, Angular, or native JavaScript.
Includes installation, imports, and usage examples.

list_docs

List all available UI5 Web Components documentation with summaries.

get_doc

Fetch full content of specific documentation files.

Development

npm run build         # Build TypeScript
npm run dev           # Run locally
npm run test          # Run tests
npm run inspector     # Debug with MCP inspector
npm run prepare:docs  # Fetch latest docs from GitHub

Support, Feedback, Contributing