UI5 について
UI5 MCP サーバーは、SAPUI5 と OpenUI5 のアプリケーション開発を支援するサーバーです。エージェント型の AI ツールに対して、プロジェクトの雛形作成、エラーチェック、フレームワーク情報の提供を行います。AI の支援を受けて UI5 アプリを開発する開発者を対象としています。
主な機能
- 01UI5 アプリケーションと Integration Card の雛形生成
- 02整形された UI5 API リファレンスの取得
- 03manifest の検証と @ui5/linter の実行
- 04UI5 のガイドラインと TypeScript 変換ガイドの提供
- 05UI5 プロジェクト情報とフレームワークバージョンの取得
活用シーン
- 01テンプレートからの新規 UI5 プロジェクトの作成
- 02UI5 固有のコードエラーの検出と修正
- 03AI ツールに UI5 のコーディング規約を遵守させる
MCP 対応
本プロジェクトは MCP サーバーであり、VS Code、Cline、Claude Code、Codex などの MCP クライアントに UI5 関連のツールを公開します。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
npx -y @ui5/mcp-serverUI5_MCP_SERVER_ALLOWED_DOMAINSA comma-separated list of domains that are allowed to be used in various tools, for example: 'localhost, example.com, sub.example.com'. Set to an empty string to allow any domains. For wildcard subdomains, prefix the domain with a dot: '.example.com'. This will match 'www.example.com' but not 'example.com'.UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENTSet to any value to disable structured content in the MCP server responses.UI5_MCP_SERVER_RESPONSE_NO_RESOURCESSet to any value to disable resources in the MCP server responses, see https://modelcontextprotocol.io/specification/2025-06-18/server/resource. This is useful for clients that do not support resources, see https://modelcontextprotocol.io/clients, such as Cursor or the Gemini CLI.UI5_LOG_LVLInternal log level (https://ui5.github.io/cli/stable/pages/Troubleshooting/#changing-the-log-level): 'silent', 'error', 'warn', 'info', 'perf', 'verbose' or 'silly'UI5_DATA_DIRDirectory where the MCP server stores its data, such as cached API references. Defaults to the '.ui5' directory in the user's home directory.ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。
ツール
10掲載時のツール一覧 · 2 週間前に更新
このツールにパラメーターはありません。
詳細
UI5 MCP サーバー
UI5 アプリケーション開発向けの Model Context Protocol サーバーです。
説明
UI5 Model Context Protocol サーバーは、エージェント型 AI ツールを使用する際の開発者エクスペリエンスを向上させるツールを提供します。
主な機能
- エージェント型 AI ツールを使用した新しい UI5 プロジェクトの作成を支援します
- UI5 固有のコードエラーの検出と修正を支援します
- エージェント型 AI ツールに UI5 固有の追加情報を提供します
ヒント
SAP Community の告知ブログ記事もぜひご覧ください。
利用可能なツール
create_integration_card:新しい UI Integration Card のひな形を作成します。create_ui5_app:一連のテンプレートに基づいて新しい UI5 アプリケーションのひな形を作成します。get_api_reference:UI5 API ドキュメントを取得して整形します。get_guidelines:UI5 開発のベストプラクティスにアクセスできるようにします。get_integration_cards_guidelines:UI Integration Cards 開発のベストプラクティスにアクセスできるようにします。get_project_info:UI5 プロジェクトのメタデータと設定を抽出します。get_typescript_conversion_guidelines:UI5 アプリケーションおよびコントロールを JavaScript から TypeScript に変換するためのガイドラインを提供します。get_version_info:UI5 フレームワークのバージョン情報を取得します。run_manifest_validation:UI5 Manifest スキーマに照らしてマニフェストを検証します。run_ui5_linter:@ui5/linterと連携し、UI5 コードの問題を分析して報告します。
要件
- Node.js バージョン v20.17.0、v22.9.0 以上
- npm バージョン v8.0.0 以上
- VS Code(GitHub Copilot)、Cline、Claude Code、Codex、またはその他の MCP 互換クライアントなどの MCP クライアント
セットアップ
ほとんどのクライアント向けの標準設定
この設定は、ほとんどの MCP クライアントで使用できます。
{
"mcpServers": {
"@ui5/mcp-server": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@ui5/mcp-server"
]
}
}
}
ネイティブ Windows 向けの特別な設定
ネイティブ Windows(WSL ではない環境)では、npx の前に `cmd /c` を付ける必要がある場合があります。{
"mcpServers": {
"@ui5/mcp-server": {
"type": "stdio",
"command": "cmd",
"args": [
"/c",
"npx -y @ui5/mcp-server"
]
}
}
}
MCP クライアント別の設定
上記の一般的な設定に加えて、一部の MCP クライアントには MCP サーバーをインストールするためのショートカットがあります。以下に人気のあるクライアント向けの手順を示しますが、詳細については各クライアントのドキュメントも参照してください。
VS Code
推奨: GitHub MCP server registry からインストール
または、VS Code CLI を使用できます。
# Using VS Code CLI
code --add-mcp '{"name":"@ui5/mcp-server","type": "stdio","command":"npx","args":["-y", "@ui5/mcp-server"]}'
Cline
- VSCode で Cline パネルを開きます。
- 上部にある「プラス」記号の隣の「MCP Servers」アイコンをクリックします。
- 「Configure」タブに切り替えて、「Configure MCP servers」をクリックします。
- 開いたエディターに、上記のほとんどのクライアント向けの標準設定を挿入します。
詳細については、docs.cline.bot/mcp/adding-and-configuring-servers をご覧ください。
Claude Code
claude mcp add --transport stdio --scope user ui5-mcp-server -- npx -y @ui5/mcp-server
Codex
codex mcp add --transport stdio ui5-mcp-server -- npx -y @ui5/mcp-server
プロジェクトへのルールの追加
以下のルールは、大規模言語モデル(LLM)が UI5 MCP サーバーを正しく使用できるように導きます。これらのルールを、既存のグローバルまたはプロジェクト固有の AGENTS.md ファイルに追加してください。正確な場所は MCP クライアントによって異なる場合があります。たとえば、Claude Code では AGENTS.md の代わりに CLAUDE.md ファイルを使用します。
## Guidelines for UI5
Use the `get_guidelines` tool of the UI5 MCP server to retrieve the latest coding standards and best practices for UI5 development.
設定
UI5 MCP サーバーは、以下の環境変数を使用して設定できます。コマンドライン引数は受け付けません。
設定オプション:
UI5_MCP_SERVER_ALLOWED_DOMAINS:- デフォルト値:
localhost, services.odata.org - 説明:さまざまなツールで使用を許可するドメインをカンマ区切りで指定します。例:
localhost, example.com, sub.example.com。空の文字列に設定すると、すべてのドメインが許可されます。 ワイルドカードのサブドメインを指定するには、ドメインの先頭にドットを付けます:.example.com。これによりwww.example.comには一致しますが、example.comには一致しません。
- デフォルト値:
UI5_MCP_SERVER_RESPONSE_NO_STRUCTURED_CONTENT:- 説明:任意の値を設定すると、MCP サーバーのレスポンスで構造化コンテンツが無効になります。
UI5_MCP_SERVER_RESPONSE_NO_RESOURCES:- 説明:任意の値を設定すると、MCP サーバーのレスポンスでリソースが無効になります。これは、Cursor や Gemini CLI など、リソースをサポートしていないクライアントで役立ちます。
UI5_MCP_SERVER_CDN_URL:- デフォルト値:OpenUI5 の場合は
https://sdk.openui5.org、SAPUI5 の場合はhttps://ui5.sap.com - 説明:CDN から UI5 リソースを取得する際に使用するベース URL を上書きします。例:
https://example.com。設定すると、この URL は OpenUI5 と SAPUI5 の両方のリソースに使用されます。有効な URL を指定する必要があります。プロジェクトのバージョンは URL に自動的に追加されます。そのため、実行時には URL が次のようになる場合があります:https://example.com/1.120.0/resources/[...]。
- デフォルト値:OpenUI5 の場合は
UI5_LOG_LVL:- デフォルト値:
info - 説明:内部のログレベル:
silent、error、warn、info、perf、verbose、silly
- デフォルト値:
UI5_DATA_DIR:- デフォルト値:ユーザーのホームディレクトリにある
.ui5ディレクトリ - 説明:キャッシュされた API リファレンスなど、MCP サーバーがデータを保存するディレクトリ
- デフォルト値:ユーザーのホームディレクトリにある
サポート、フィードバック、貢献
このプロジェクトでは、GitHub のイシューを通じて、機能のリクエストや提案、バグ報告などを受け付けています。貢献やフィードバックを歓迎します。貢献方法、プロジェクトの構成、その他の貢献に関する情報については、貢献ガイドラインをご覧ください。
OpenUI5 コミュニティ Slack の #tooling チャンネルでも交流できます。公開の Q&A には、Stack Overflow の ui5-tooling タグをご利用ください。
セキュリティ/脆弱性の報告
セキュリティ上の問題となる可能性のあるバグを見つけた場合は、報告方法についてセキュリティポリシーの手順に従ってください。セキュリティに関する懸念や問題について、GitHub のイシューを作成しないでください。
行動規範
私たちは、メンバー、貢献者、リーダーとして、すべての人がハラスメントを受けることなくコミュニティに参加できる環境を実現することを誓います。このプロジェクトに参加することで、常に行動規範を遵守することに同意したものとみなされます。
ライセンス
Copyright 2026 SAP SE or an SAP affiliate company and UI5 MCP server contributors. 著作権およびライセンス情報については、LICENSEをご覧ください。サードパーティ製コンポーネントとそのライセンスおよび著作権情報を含む詳細情報は、REUSE ツールから入手できます。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。