UI Theme Designer Plugins for Coding Agents is a collection of add-ons that give AI coding agents guidance about SAP UI Theme Designer, a tool for configuring user-interface themes, along with the SAP Design System and SAP Fiori design tokens. They help people using agents such as Claude Code understand theming concepts and identify parameters used by UI components. The catalogue entries are the project's own plugins for this workflow.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add SAP/ui-theme-designer-plugins-for-coding-agents --skill ui-theme-designer-helpgit clone --depth 1 https://github.com/SAP/ui-theme-designer-plugins-for-coding-agentsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/sap/ui-theme-designer-plugins-for-coding-agents/ui-theme-designer-help)<a href="https://agentmods.dev/skills/sap/ui-theme-designer-plugins-for-coding-agents/ui-theme-designer-help"><img src="https://agentmods.dev/badge/skills/sap/ui-theme-designer-plugins-for-coding-agents/ui-theme-designer-help/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/sap/ui-theme-designer-plugins-for-coding-agents/ui-theme-designer-help"><img src="https://agentmods.dev/badge/skills/sap/ui-theme-designer-plugins-for-coding-agents/ui-theme-designer-help.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00217 | $0.00801 |
| Opus 5.5 | $0.00087 | $0.00320 |
| Sonnet 5.5 | $0.00043 | $0.00160 |
| Haiku 4.5 | $0.00022 | $0.00080 |
Grade A, and why
ui-theme-designer-help scanned grade A with 1 finding against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Makes network callslowCapability
Not a fault in itself. Listed so you know the mod talks to something, and to what.
allowed-tools: Bash(curl *) Bash(jq *) How it starts
The opening of the file, as written. The whole thing — 39 lines — stays where its author put it; the contents beside it link to each section on GitHub.
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=LATESTReturnsdata.deliverable.id(deliverable_id),data.deliverable.buildNo, anddata.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}.htmlReturnsdata.body(HTML). With the extra paramdeliverableInfo=1also returnsdata.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.
- Fetch deliverable metadata to obtain
deliverable_idandbuildNo: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}' - Fetch the landing page with
deliverableInfo=1to 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' - From the TOC, identify the topic(s) whose title best matches the user's question. If uncertain, pick 2–3 candidates.
- 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' - Answer based on the retrieved content.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 1mo ago First seen · 39 lines · 217 tokens per session scan A c68273876b55
ui-theme-designer-help is a skill published in the GitHub repository SAP/ui-theme-designer-plugins-for-coding-agents (6 stars, last pushed 5d ago), licensed Apache-2.0. It adds 217 tokens to every session and 801 once invoked, about $0.0009 per session on Opus 5.5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
designlang-tokens
Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
omd-apply
A skill that applies a project's DESIGN.md file as visual and brand guidance for interface work. It covers components, colors, fonts, layout, copy, motion, and visual assets.
s2-docs
Look up Spectrum 2 (S2) component documentation, design guidelines, and usage patterns when building with React Spectrum or Spectrum Web Components. Use when the user mentions Spectrum, S2, React Spectrum, RSP, Spectrum Web Components, or SWC, or names a Spectrum component (Button, Picker, ComboBox, TextField…
design-token
A document-design guide that selects a visual theme for a document type and outputs reusable rules for fonts, colours, spacing, page layout, and CSS variables. Design tokens are named style settings that keep formatting consistent.
figma-variable-audit
Audit Figma variable collections: tier mapping, naming, alias chains, modes, orphans; can fix in place with Figma Console MCP. Triggers: audit my Figma variables, review variable collections, Figma variable health. For token files in code use token-audit.
token-audit
Audit how design tokens are defined: tiers, naming, alias chains, raw values, orphans, DTCG readiness. Triggers: audit my tokens, token architecture review, token health check. Not for code consuming tokens (token-compliance), theme parity (theme-audit) or Figma variables (figma-variable-audit).