webcomponents-mcp-server

UI5 Web Components MCP サーバー

UI5 Web Components の開発向け Model Context Protocol サーバーです。

要件

• Node.js バージョン v20.17.0、v22.9.0 以降
• npm バージョン v8.0.0 以降
• VS Code（GitHub Copilot）、Claude Code、Codex、またはその他の MCP 対応クライアントなどの MCP クライアント

セットアップ

ほとんどのクライアント向けの標準設定

この設定は、ほとんどの MCP クライアントで使用できます。

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

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

特定の MCP クライアント

上記の一般的な設定に加えて、一部の MCP クライアントには、MCP サーバーをインストールするためのショートカットが用意されています。

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

使用方法

セットアップが完了したら、AI アシスタントに次のようなことを尋ねてみましょう。

• "ui5-button の API を表示してください"
• "UI5 Web Components を React で使用するにはどうすればよいですか？"
• "利用可能なドキュメントを表示してください"
• "テーマ設定のドキュメントを取得してください"

利用可能なツール

get_component_api

任意の UI5 Web Component の API ドキュメント（プロパティ、スロット、イベント、メソッド）を取得します。
@ui5/webcomponents、@ui5/webcomponents-fiori、@ui5/webcomponents-ai パッケージを横断して検索します。

get_guidelines

React、Angular、またはネイティブ JavaScript 向けの統合ガイドを取得します。
インストール方法、インポート、使用例が含まれています。

list_docs

利用可能な UI5 Web Components のドキュメントを、概要とともに一覧表示します。

get_doc

特定のドキュメントファイルの全文を取得します。

開発

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

サポート、フィードバック、コントリビューション

このプロジェクトでは、GitHub issues を通じて、機能リクエストや提案、バグ報告などを受け付けています。コントリビューションやフィードバックを歓迎します。コントリビューション方法、プロジェクトの構成、その他のコントリビューションに関する情報については、コントリビューションガイドラインをご覧ください。

セキュリティ／脆弱性の報告

セキュリティ上の問題となる可能性のあるバグを見つけた場合は、報告方法についてセキュリティポリシーの手順に従ってください。セキュリティに関する疑問や問題について、GitHub issues を作成しないでください。

行動規範

私たちは、メンバー、コントリビューター、リーダーとして、誰もがハラスメントを受けることなくコミュニティに参加できる環境を作ることを誓います。このプロジェクトに参加することで、常に行動規範を遵守することに同意したものとみなされます。

ライセンス

Copyright 2025 SAP SE or an SAP affiliate company and ui5-web-components-mcp-server contributors. 著作権およびライセンスに関する情報は、LICENSEをご覧ください。サードパーティ製コンポーネントとそのライセンス／著作権情報を含む詳細は、REUSE ツールで確認できます。