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 providing49

Compare all 50 on the Agent guidance page →
Agent guidance
  1. abap2UI5 for VS CodeVS Code extension to preview, activate and lint abap2UI5 appsfrom ABAP
  2. sap-cx-developer-companionAgent skill for SAP Customer Experience APIs, CDS and errorsfrom SAP Commerce
  3. sap-basis-opsRunbook skills for Basis operations at the OS and database layerfrom ABAP
  4. abap-offstack-aunitAgent skill for off-stack ABAP Unit tests and an abaplint gatefrom ABAP
  5. ARC-1 SkillsTwenty-two agent skills shipped with arc-1from ABAP
  6. sapskillsAgent skills for Clean ABAP, ADT in VS Code and guardrailsfrom ABAP
  7. SuperClaude for SAPClaude Code plugin with an ABAP MCP server and write guardsfrom ABAP
  8. sap-dm-pod2-mcp-serverMCP server for SAP Digital Manufacturing POD 2.0 extensionsfrom SAP Digital Manufacturing
  9. capire/skillsAgent skills for CAP development, each a SKILL.md with referencesfrom CAP
  10. sap-cloud-integration-pipeline-assistantAgent skill for the Pipeline Concept in SAP Cloud Integrationfrom BTP/BAIP
  11. claude-abap-devFive ABAP workflows for Claude Code on existing MCP serversfrom ABAP
  12. DanKromp/skillOverflowCollection of 41 agent skills, 37 for SAP development tasksfrom CAP
  13. sap-commerce-skillAgent skill for SAP Commerce Cloud 2211-jdk21.1 and laterfrom SAP Commerce
  14. ARC-DRAWMCP server drawing BTP solution diagrams on a draw.io canvasfrom BTP/BAIP
  15. cap-mtx-scaffoldAgent skill for CAP multitenancy scaffoldingfrom CAP
  16. sap-ai-dev-toolkitMCP proxy pinning an agent's ABAP tools to one SAP systemfrom ABAP
  17. scaffold-fiori-ai-bridgeAgent skill generating a Joule Frontend Actions bridge for UI5 appsfrom UI5
  18. sapcli Claude Code PluginAgents and skills that drive sapcli instead of ADTfrom ABAP
  19. CAP GuardianCAP review skill for coding agents with gates and prohibitionsfrom CAP
  20. sap-odata-explorerRust CLI and desktop app for exploring SAP OData servicesfrom BTP/BAIP
  21. btp-solution-diagram-generatorClaude plugin writing BTP solution diagrams as .drawio filesfrom BTP/BAIP
  22. abap-skillsSeventeen agent skills for ABAP developmentfrom ABAP
  23. drawio-skill-sapGitHub Copilot skill writing BTP solution diagrams as draw.io XMLfrom BTP/BAIP
  24. sap-mdk-appsAgent skill for Mobile Development Kit projectsfrom BTP/BAIP
  25. ABAP remote filesystemVS Code extension editing ABAP systems over ADT as a filesystemfrom ABAP
  26. sap-architectureClaude Code plugin and skill drawing validated BTP diagramsfrom BTP/BAIP
  27. WerkbankLocal desktop workspace for AI conversations with SAP connectorsfrom Across stacks
  28. SAP Datasphere Plugin for ClaudeEighteen Datasphere skills over a bundled MCP serverfrom BTP/BAIP
  29. claude-abap-skillsClaude Code plugins with Clean ABAP rules and templatesfrom ABAP
  30. SAP Power for KiroSAP skills for the Kiro IDEfrom BTP/BAIP
  31. drawio-btp-diagram-skillsClaude Code skills for BTP architecture diagrams in draw.iofrom BTP/BAIP
  32. @patimweb/pi-cap-bestpracticesSAP's capire/skills packaged for the pi coding agentfrom CAP
  33. pod2-configAn agent skill that turns a described POD change into an importable [SAP Digital Manufacturing](external:sap-digital-manufacturing) POD 2.0 export, built from standard plugins and actions only.from SAP Digital Manufacturing
  34. aicore-skillsFour agent skills for SAP AI Core in SAP's AI Skills Libraryfrom BTP/BAIP
  35. SAP/automation-pilot-agent-skillsEight skills for writing and operating SAP Automation Pilot contentfrom BTP/BAIP
  36. SAP Developers MCPHosted MCP server of developers.sap.com tutorials and missionsfrom Across stacks
  37. sap-fiori-guidelinesAgent skill built from the Fiori Design Guidelinesfrom UI5
  38. sap-fiori-iosAgent skill mapping Fiori iOS UI Kit nodes in Figma to SwiftUIfrom BTP/BAIP
  39. SAP/leanix-ai-pluginsClaude Code plugin with two skills for SAP LeanIX scriptingfrom BTP/BAIP
  40. SAP-samples/html5-applications-migration-skills-for-sap-btpClaude Code plugin with skills migrating HTML5 apps to appFrontfrom BTP/BAIP
  41. SAP-samples/joule-a2a-agent-toolkitSkills for building an A2A agent for Joule and deploying it to CFfrom BTP/BAIP
  42. SAP-samples/sap-devs-cliCLI adding SAP developer knowledge and MCP servers to AI coding toolsfrom BTP/BAIP
  43. sap-tutorials-contentAgent skill mapping the developers.sap.com content APIfrom BTP/BAIP
  44. secondsky/sap-skillsForty SAP development plugins for coding agentsfrom BTP/BAIP
  45. claude-sap-kitClaude Code plugin adding Custom_* tools to arc-1from ABAP
  46. UI5/plugins-coding-agentsUI5 plugins for coding agentsfrom UI5
  47. UI5 Web Components agent skillsTwo agent skills for accessibility and styling of web componentsfrom UI5
  48. rap-skillsRAP skills delivered branch-per-target for each deploymentfrom ABAP
  49. KlystronMCP server in ABAP inside the application server, with agent skillsfrom ABAP

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