ui5 プラグイン
プラグイン Claude Code 開発 エンタープライズ業務プラットフォームWeb・アプリ開発コード品質・レビュー・テスト以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
ui5 は、Claude Code などのコーディングエージェントに SAPUI5/OpenUI5 固有の機能を追加するプラグインです。README によると、UI5 プロジェクトの作成・検証、UI5 API ドキュメントの参照、UI5 linter の実行、UI5 tooling のバージョン・プロジェクト情報取得を行う MCP ツールを提供しています。さらに、UI5 開発全般・アクセシビリティ・Integration Cards・mdc コントロール・smart コントロール・テーブル・OPA5 統合テストに関するベストプラクティスをまとめた複数の skills も含まれています。本プラグインは UI5/plugins-coding-agents リポジトリの一部で、Apache-2.0 ライセンスで公開されています。
概要
ソースによると、これはSaaSではなく、コーディングエージェント向けのオープンソースプラグインです（JavaScript、Apache-2.0 ライセンス）。Claude CLI／Claude Code のプラグイン機能、または npm の skills パッケージからインストールできます。skills のみを導入する場合は、別途 UI5 MCP server を手動でインストールする必要があります。
ui5 でできること
- MCP ツールで UI5 プロジェクトの作成・検証（プロジェクトのスキャフォールディングと検証）を行う
- MCP ツールから UI5 コントロールの API ドキュメントを参照する
- UI5 linter を実行してコード品質とベストプラクティスをチェックする
- UI5 tooling のバージョン情報やプロジェクト管理情報を取得する
- ui5-best-practices skill で、非同期モジュール読み込み、OData データバインディング、CSP 対応、TypeScript イベントハンドラ、CAP 連携、フォーム作成、i18n、コンポーネント初期化に関するガイドラインを確認する
- ui5-best-practices-accessibility skill で、ランドマーク、ラベリング、見出しレベル、フォーカス制御、キーボードショートカット、InvisibleMessage、読み上げ順序、ターゲットサイズに関するチェック項目を確認する
- ui5-best-practices-integration-cards skill で、宣言型カードの種類、manifest.json の構造、パラメータ／destination バインディング、検証、Configuration Editor のパターンを確認する
- ui5-best-practices-mdc skill で、sap.ui.mdc のデリゲートパターンとコントロール別の参照情報を確認する
- ui5-best-practices-opa5 skill で、OPA5 のデバッグ手順、TestRecorder ツール、ページオブジェクトの構成方法を確認する
- ui5-best-practices-smart-controls skill で、sap.ui.comp のアノテーション駆動コントロールに関するガイドラインを確認する
- ui5-best-practices-tables skill で、テーブルコントロールの選定、よくあるエラー、ドラッグ＆ドロップ、パーソナライズに関する情報を確認する
- claude plugin install ui5@claude-plugins-official または npx skills add UI5/plugins-coding-agents（skills のみの場合は別途 UI5 MCP server が必要）でインストールする
出典
原文の説明（英語）
SAPUI5 / OpenUI5 plugin for coding agents. Create and validate UI5 projects, access API documentation, run UI5 linter, get development guidelines and best practices for UI5 development.
ui5 の変更履歴
- プラグイン ui5 を追加