onedevatlasBeta
Browse the atlas
AllUI5CAPABAPBTP
SkillSkilltypeA procedure an agent follows. Indexed here, never written here.See every one →What this type is →by SAPby SAPoriginPublished by SAP itself. A visible facet, never an input to a reading — a dormant official plugin reads exactly like a dormant independent one.See every one →

SAP/ui-theme-designer-plugins-for-coding-agents

One plugin that teaches a coding agent the SAP Design System, Fiori design tokens, and which theming parameters a given control actually reads, installed into Claude Code or GitHub Copilot.

Theming fails quietly: a colour set on the wrong parameter looks right in one theme and wrong in the next, and a model has no way to know which parameter a control consumes. This bundles the design-tokens and help skills — guidance on using UI theme designer on BTP, answers about the SAP Design System and the Fiori design tokens, and the mapping from a UI component to the theming parameters it uses, including how a parameter is inherited. It installs as a plugin into Claude Code or GitHub Copilot, with its own command for each, or through the skills command line for an agent that reads neither.

GitHub6 ★

Facts

Last pushLicenceApache-2.0

Where it sits

Lives in
UI5
Provides
Agent guidanceUI5Agent guidancecapabilityPackaged knowledge you hand a coding agent so it gets a framework right unprompted — skills, rule files, instruction packs. Distinct from agent tooling, which is about building agentic features into your application, and from [agent access to your code](capability:agent-code-access), where the agent reads the real project instead of being handed a file about it.

Who is behind it

SAPSAPOrganisationMaintains this
In the atlas: maintains 137, wrote 14@SAPmaintainerBarbara HartelPersonContributes to this
In the atlas: contributes to 1@bhartelFlorian BoffoPersonContributes to this
In the atlas: contributes to 1@BoffoFDavid KlugPersonContributes to this
In the atlas: contributes to 1@david-klug-sapDominik SchreiberPersonContributes to this
In the atlas: contributes to 3@dominikschreiber4 contributors

Before choosing this

Conditions

PracticalFunctional boundary

Knowledge about theming, not a theme build: nothing here compiles a theme or deploys one, and it says nothing about a custom control's own parameters.

What it declares

Every artifact

Type
Skill
Origin
By SAP

As a skill

Distributed through
does not say

For agent guidance

Installs into
Claude CodeGitHub Copilot

Tasks this contributes to2Beta

Agent guidance2
Get an agent to follow the SAP Fiori design guidelinesA developer wants the controls, colours and messages an agent writes into a Fiori application to follow SAP's design guidelines, without the guidelines being pasted into the prompt each time.Freestyle, Fiori elements, Web ComponentsCoversthe design tokens, and which theming parameter a given component reads
What it does

Two skills in one plugin. One is about using UI theme designer on BTP; the other answers questions about the SAP Design System and the Fiori design tokens, including parameter inheritance and which theming parameters specific UI components use. That last fact is the one a colour change rests on and the one a control's public API does not state, which is why it sits here rather than in the guidelines skill.

Remaining work

Install it as a plugin in Claude Code or GitHub Copilot, each with its own command, or through the skills command line. Nothing in it compiles or deploys a theme, and it states no UI5 flavor, so whether its parameter mapping reaches the Web Components library as well as SAPUI5 controls was not established.

All options on the Agent guidance page →
Restyle a UI5 Web Component without breaking on the next releaseA developer wants an agent to restyle a UI5 Web Component through the surfaces the library documents, rather than reaching into its shadow DOM in a way that stops working when the component changes.Web ComponentsCoverswhich theming parameter a given component actually reads
What it does

Its design-tokens skill carries the SAP Design System and the Fiori design tokens, including parameter inheritance and which theming parameters specific UI components use. A CSS variable override is only as good as knowing which variable the component consumes, and that is the fact this plugin states and a component's public API does not.

Remaining work

Install it as a plugin in Claude Code or GitHub Copilot, each with its own command, or through the skills command line. It states no UI5 flavor of its own, so whether its parameter mapping covers the Web Components library as well as SAPUI5 controls was not established.

All options on the Agent guidance page →

Connections1

Download
SAP/ui-theme-designer-plugins-for-coding-agents connectionsSAP/ui-theme-designer-plugins-for-coding-agentsPROVIDES→ provides1provides stated Design-system and design-token knowledge as skills, including which theming parameters specific UI components use — the part that is not derivable from a control's public API. SAP/ui-theme-designer-plugins-for-coding-agents — README: https://github.com/SAP/ui-theme-designer-plugins-for-coding-agents SAP/ui-theme-designer-plugins-for-coding-agents — README, the UI theme designer plugin: https://github.com/SAP/ui-theme-designer-plugins-for-coding-agents SAP/ui-theme-designer-plugins-for-coding-agents — plugins/ui-theme-designer/README.md, the design-tokens skill: https://github.com/SAP/ui-theme-designer-plugins-for-coding-agents/blob/main/plugins/ui-theme-designer/README.mdAgent guidance

Learn more1

Readings
  1. Bringing SAP themes to any web app with coding agentsSAP Developers, YouTube — SAP Developers playlists
What changed
  1. v2.0.0

    The skill names carry the prefix ui-theme-designer-, for example ui-theme-designer-design-tokens and ui-theme-designer-help.

    Makes stale:

    Instructions or agent configurations that invoke the skills by their unprefixed names.

README

quoted from SAP/ui-theme-designer-plugins-for-coding-agents under Apache-2.0, read
SAP/ui-theme-designer-plugins-for-coding-agents/README.mdOn GitHub

UI Theme Designer Plugins for Coding Agents

Contributor Covenant REUSE status

A collection of plugins for coding agents that provide AI coding assistants with knowledge and tooling for working with UI theme designer and the SAP Design System — including SAP Fiori design tokens. Navigate to the plugins in Plugin Overview to learn how to install them.

Plugin Overview

  • UI theme designer – Provides practical guidance and conceptual support for using UI Theme Designer on BTP. It also answers questions about the SAP Design System and SAP Fiori design tokens, including which theming parameters are used by specific UI components.

Requirements

These plugins are designed for AI coding agents such as Claude Code. No additional SAP software installation is required.

Support, Feedback, Contributing

This project is open to feature requests/suggestions, bug reports, etc. via GitHub issues. For Q&A and general discussion, please use GitHub Discussions. Contribution and feedback are encouraged and always welcome. For more information about how to contribute, the project's structure, as well as additional contribution information, see our Contribution Guidelines.

Security / Disclosure

If you find any bug that might be a security problem, please follow the instructions given in the Security Policy on how to report it. Please do not create GitHub issues for security-related concerns or problems.

Code of Conduct

We as members, contributors, and leaders pledge to make participation in our community a harassment-free experience for everyone. By participating in this project, you agree to abide by its Code of Conduct at all times.

Licensing

Copyright 2026 SAP SE or an SAP affiliate company and ui-theme-designer-plugins-for-coding-agents contributors. Please see our LICENSE for copyright and license information. Detailed information including third-party components and their licensing/copyright information is available via the REUSE tool.

Apache-2.0, read

History

Latest

v2.0.0dated in the atlas

Breaking 1, Fixes 3

Notes
⚠ BREAKING CHANGES
  • Prefix skill names with ui-theme-designer- (#26)
Bug Fixes
  • Prefix skill names with ui-theme-designer- (#26) (561a848)
  • ui-theme-designer-design-tokens: Fetch qualified dependencies with npm ci (#28) (aac2c26)
  • ui-theme-designer-help: Fetch qualified help from help.sap.com HTTP API (#29) (4e96972)

  1. v1.2.1

    Fixes 1

    Notes
    Bug Fixes
    • vally orphan-files lint error in design-tokens skill (#20) (6bd103e)

  2. v1.2.0

    Features 1, Fixes 1

    Notes
    Features
    • design-tokens: default to UI5 Web Components for component token lookups (#13) (0d7537d)
    Bug Fixes
    • lazily clone framework repositories in design-tokens skill (#17) (#19) (45ed66d)

  3. v1.1.0

    Features 1, Fixes 1

    Notes
    Features
    • launch open-source repository at version 1.0.0 (#1) (ba3238d)
    Bug Fixes
    • expand skill description for better routing accuracy (#7) (7713281)
On GitHub

Others providing10

Compare all 11 on the Agent guidance page →
Agent guidance
  1. DanKromp/skillOverflowCollection of 41 agent skills, 37 for SAP development tasks
  2. scaffold-fiori-ai-bridgeAgent skill generating a Joule Frontend Actions bridge for UI5 apps
  3. sap-odata-explorerRust CLI and desktop app for exploring SAP OData services
  4. WerkbankLocal desktop workspace for AI conversations with SAP connectors
  5. SAP Power for KiroSAP skills for the Kiro IDE
  6. SAP Developers MCPHosted MCP server of developers.sap.com tutorials and missions
  7. sap-fiori-guidelinesAgent skill built from the Fiori Design Guidelines
  8. secondsky/sap-skillsForty SAP development plugins for coding agents
  9. UI5/plugins-coding-agentsUI5 plugins for coding agents
  10. UI5 Web Components agent skillsTwo agent skills for accessibility and styling of web components

Details

Sources3
sap-ai-mcp-serversdiscovered herechecked
github.com/SAP/ui-theme-designer-plugins-for-coding-agentstree, pushes, contributors, CIchecked
README.mdquoted, and what the entry declareschecked

Sources are graph entities: the same page may back several entries, and an unreachable source flags every row that rests on it.

Compatibility and provenance
discovered viasap-ai-mcp-servers
first seen in the atlas
ecosystem and domainui5, ai-and-agents
Contributors4
Barbara HartelFlorian BoffoDavid KlugDominik Schreiber

From the repository’s contributor list, .

History in the atlas4
  1. Claude Code, GitHub Copilot
  2. The same sentence with parameter inheritance named, followed by the three install routes.
  3. Entered from the sap-ai-mcp-servers catalogue, which is credited as the source; written from the repository's own README rather than from the catalogue's line about it. Hard rule 7: skills are indexed, never authored here.
  4. First seen.
For your agent
Ref
artifact:sap-ui-theme-designer-plugins
JSON
/artifacts/sap-ui-theme-designer-plugins.json
MCP
Connecting an agent