• Projects
  • Service
  • About
  • branding.bz
  • Podcast
  • Tips
  • FAQ
  • Recruit
  • Download
  • Contact
  • branding.bz(ブランド構築SaaS)
  • DESIGN NOW(デザインメディア)
  • X
  • LinkedIn
  • Spotify
  • Facebook

213-0011 神奈川県川崎市高津区久本3-6-7-303

© 2026 ID INC. All rights reserved

claude-skills/スキル
SKILLOfficialdesign

ui-theme-designer-help

プラグイン
ui-theme-designer
ソース
GitHub で見る ↗
説明

SAP Cloud Foundry版のカスタマーサポート用UI テーマデザイナーについて、help.sap.com のドキュメントを基に支援を提供します。 **次のような場合に使用:** UI テーマデザイナーについて、顧客向けドキュメントに何が記載されているか(または記載されていないか)を確認する必要があるとき 具体的には以下のトピックに対応: - セットアップ - ユーザー/ロール(アクセス権限)の管理 - テーマとテーマセット(作成、編集、公開、配布、フォールバック対応) - クイック/詳細/エキスパートレベルのテーミング - カスタムUI5コントロール向けのテーマ対応CSS の作成 - カスタムコントロールのテーマファイルに関するベストプラクティス - Build Work Zone / S/4HANA / SAPUI5 / SAP GUI との統合 - UI テーマデザイナーサービスの制約(レート制限、サイズ制限、セキュリティ、アクセス権限、アクセシビリティ) - テーミングエラーメッセージとトラブルシューティング - 新機能情報 「X についてドキュメントに載っていますか?」や「Y についてヘルプには何と書かれていますか?」といった質問にも対応します。 **対応外(スキップ):** - 実際に存在するテーマやパラメータ、その設定値に関する質問(ui-theme-designer-design-tokens を使用してください) - 運用中のシステムに関する環境固有の質問(「現在どんなテーマがあるのか」「どのユーザーが割り当てられているのか」など)

原文を表示

Provides customer-facing UI theme designer help from help.sap.com (BTP / Cloud Foundry edition). Use whenever you need to check what is — or is not — documented for customers about UI theme designer: setup, user/role management, themes and theme sets (creating, editing, publishing, transporting, fallback), quick/detailed/expert theming, writing themeable CSS for custom UI5 controls, best practices for custom control theme files, theming integrations with Build Work Zone / S/4HANA / SAPUI5 / SAP GUI, UI theme designer service constraints (rate limits, size limits, theming-specific security and permissions, accessibility), theming error messages and troubleshooting, what's-new. Also use for 'is X documented?' or 'what does the help say about Y?' questions. SKIP: questions about which themes or parameters exist or what values they have (use ui-theme-designer-design-tokens). SKIP: tenant-specific operational questions about a running system ("which themes do we have?", "which users are assigned?").

ユースケース
  • UI テーマデザイナーのドキュメント内容を確認する
  • セットアップやユーザー管理について調べる
  • テーマの作成・編集・公開方法を知る
  • カスタムコントロールのテーマ対応を実装する
  • テーミングエラーのトラブルシューティング
本文(日本語訳)

UI テーマ デザイナー ヘルプ

概要

UI テーマ デザイナーのドキュメントは、https://help.sap.com で JSON HTTP API として提供されています。

  • 成果物メタデータ — 人間が読みやすい識別子を内部 ID に変換し、URL とドキュメント ID の対応を提供します。 GET https://help.sap.com/http.svc/deliverableMetadata?product_url=btp&deliverable_url=ui-theme-designer&version=LATEST data.deliverable.id(成果物 ID)、data.deliverable.buildNo、data.filePath(トップページのファイルパス)を返します。

  • ページコンテンツ — 1 つのトピックの HTML 本文を取得し、必要に応じて完全な階層構造の目次も取得します。 GET https://help.sap.com/http.svc/pagecontent?deliverable_id={id}&buildNo={buildNo}&file_path={loio}.html data.body(HTML)を返します。追加パラメータ deliverableInfo=1 を指定すると、data.deliverable.fullToc(80 以上のトピック全体の階層構造を示すツリー:{t: タイトル, u: ファイル名, c: 子要素[]} のノード)も返されます。

手順

すべての API エンドポイントの呼び出しに curl -s を使用し、JSON レスポンスのパース(解析)に jq を使用します。

  1. 成果物メタデータを取得して deliverable_id と buildNo を得ます。

    curl -s "https://help.sap.com/http.svc/deliverableMetadata?product_url=btp&deliverable_url=ui-theme-designer&version=LATEST" | jq '{id: .data.deliverable.id, buildNo: .data.deliverable.buildNo, filePath: .data.filePath}'
    
  2. deliverableInfo=1 パラメータを指定してトップページを取得し、完全な目次ツリーを表示します。

    curl -s "https://help.sap.com/http.svc/pagecontent?deliverableInfo=1&deliverable_id={id}&buildNo={buildNo}&file_path={filePath}" | jq '.data.deliverable.fullToc'
    
  3. 目次から、ユーザーの質問に最も合致するトピックを特定します。判断が難しい場合は、2~3 個の候補を選びます。

  4. それぞれの候補について、ページコンテンツを取得して HTML タグを除去します。

    curl -s "https://help.sap.com/http.svc/pagecontent?deliverable_id={id}&buildNo={buildNo}&file_path={loio}.html" | jq -r '.data.body' | sed 's/<[^>]*>//g' | tr -s '\n'
    
  5. 取得したコンテンツに基づいて回答します。

原文(English)を表示

UI theme designer help

Context

The UI theme designer documentation is served by https://help.sap.com via a JSON HTTP API:

  • Deliverable metadata — resolves human-readable identifiers to internal IDs and provides the flat readable-URL-to-loio mapping: GET https://help.sap.com/http.svc/deliverableMetadata?product_url=btp&deliverable_url=ui-theme-designer&version=LATEST Returns data.deliverable.id (deliverable_id), data.deliverable.buildNo, and data.filePath (landing page file path).

  • Page content — fetches the HTML body of a single topic, and optionally the full hierarchical TOC: GET https://help.sap.com/http.svc/pagecontent?deliverable_id={id}&buildNo={buildNo}&file_path={loio}.html Returns data.body (HTML). With the extra param deliverableInfo=1 also returns data.deliverable.fullToc — a recursive tree of {t: title, u: filename, c: children[]} nodes covering all 80+ topics.

Procedure

Use curl -s to call all API endpoints, and jq to parse the JSON responses.

  1. Fetch deliverable metadata to obtain deliverable_id and buildNo:
    curl -s "https://help.sap.com/http.svc/deliverableMetadata?product_url=btp&deliverable_url=ui-theme-designer&version=LATEST" | jq '{id: .data.deliverable.id, buildNo: .data.deliverable.buildNo, filePath: .data.filePath}'
    
  2. Fetch the landing page with deliverableInfo=1 to get the full TOC tree:
    curl -s "https://help.sap.com/http.svc/pagecontent?deliverableInfo=1&deliverable_id={id}&buildNo={buildNo}&file_path={filePath}" | jq '.data.deliverable.fullToc'
    
  3. From the TOC, identify the topic(s) whose title best matches the user's question. If uncertain, pick 2–3 candidates.
  4. For each candidate, fetch its page content and strip HTML tags:
    curl -s "https://help.sap.com/http.svc/pagecontent?deliverable_id={id}&buildNo={buildNo}&file_path={loio}.html" | jq -r '.data.body' | sed 's/<[^>]*>//g' | tr -s '\n'
    
  5. Answer based on the retrieved content.

原文・著作権は Anthropic および各プラグイン作者に帰属します。日本語訳は Claude API による自動翻訳です。