ui-theme-designer Claude Code プラグイン
Claude Code プラグインClaude Codeデザインエンタープライズ業務プラットフォームデザイン・メディア制作Web・アプリ開発以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
このプラグインは、SAPのUI theme designerおよび関連するデザイントークンに関する質問に答えるための2つのスキルをコーディングエージェント向けにまとめたものです。ひとつはBTP上のUI theme designerの使い方や概念的な質問に対応するスキルで、初期設定やテーマ作成・公開、SAPシステムとの連携などを扱います。もうひとつはSAP Design SystemとSAP Fioriのデザイントークンに関するスキルで、テーマごとのパラメータ値や、SAPUI5/OpenUI5・UI5 Web Components・Fundamental Stylesにおけるコンポーネント側のパラメータ利用方法を扱います。READMEによると、Claude向けおよびGitHub Copilot向けにプラグインとしてインストールできるほか、他のコーディングエージェントではskillsパッケージ経由で追加できます。README中の例では、カスタムコンポーネントをSAPのデザイン言語に合わせて作る際に、カード関連のデザイントークン一覧をエージェントが提示する様子が示されています。
ui-theme-designer でできること
- BTP上のUI theme designerの初期設定やユーザー・ロール管理について質問する
- クイック・詳細・エキスパートといったテーマ作成の各ワークフローやテーマの移送、フォールバックテーマ、テーマセットについて確認する
- SAP Build Work ZoneやS/4HANA、SAPUI5、SAP GUIとの連携ポイントを調べる
- theme designerのエラーやトラブルシューティングについて相談する
- 各SAPテーマにおけるパラメータの値や存在するテーマ一覧を調べる
- テーマパラメータがテーマチェーンを通じてどのように継承・拡張されるかを理解する
- SAPUI5/OpenUI5、UI5 Web Components、Fundamental Stylesの各コンポーネントが使用するデザイントークンを調べる
- SAP Design Systemに沿ったテーマ対応のカスタムコンポーネントを作る際のパラメータ候補を得る
出典
ui-theme-designer の変更履歴
- Claude Code プラグイン ui-theme-designer が追加