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-fiori-guidelines

An agent skill SAP publishes in its AI Skills Library, built from the Fiori Design Guidelines at v1.145: eighteen reference files an agent reads before it picks a control, a page type or an AI pattern.

Eighteen files under references/, split by what the agent was asked: nine on UI elements, from buttons and input fields through tables, navigation and message strips to the AI controls; one on page types and floorplans; six on foundations, covering colours and typography, interaction states, UX writing, navigation and messaging practice, AI and SAP Joule design, and launchpad integration; and one each on Fiori elements and S/4HANA-specific design. The SKILL.md answers the recurring questions itself before any reference file is opened: which button type is emphasised and that there is one per page or dialog, what each semantic colour means, when a message is an error rather than a warning, and which AI component fits. It also names three technologies and what each is for, so an agent choosing between them has the skill's own answer: SAPUI5 for full Fiori applications, @ui5/webcomponents for React, Vue or Angular, and Fiori elements for metadata-driven apps over OData. The README dates the content to SAP Fiori Design Guidelines v1.145 of May 2026, so what the skill carries is one reading of a document that keeps moving, and the guidelines themselves stay at experience.sap.com. It installs with npx skills add SAP/ai-skills-library --skill sap-fiori-guidelines, and sits in the same repository as aicore-skills, which registers other people's skills and holds only SAP's own code.

GitHub89 ★
Homepage

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.
Flavors
FreestyleWeb ComponentsFiori elements

Who is behind it

SAPSAPOrganisationMaintains this
In the atlas: maintains 137, wrote 14@SAPmaintainerMarcus NotheisPersonContributes to this
In the atlas: contributes to 3@MarcusNotheis1 contributor

What it declares

Every artifact

Type
Skill
Origin
By SAP

As a skill

Distributed through
npm

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 guidelines as reference files, with the recurring answers in the skill itself
What it does

The one entry whose subject is the guidelines rather than a framework. Its frontmatter names the cases it applies to, from buttons and tables through object pages and list reports to colours, typography and Joule integration, and the skill answers the recurring questions before any reference file is opened: that the emphasized button is the primary action and there is one per page or dialog, what each semantic colour means, and that an error prevents a task while a warning lets the user proceed. It also states which of SAPUI5, UI5 Web Components and Fiori elements each kind of application calls for, so an agent choosing between them has the skill's own answer.

Remaining work

Install it with the skills command line. The README names the revision it was built from, v1.145 of May 2026, so a rule that has moved since is the reader's to check against SAP's own page; the skill carries one dated reading rather than a live feed.

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 ComponentsAssessed, not knownthe colour and typography rules, with its reach into the shadow DOM not established
What it does

It states the Web Components flavor in its own frontmatter and its reference files cover colours and typography, so a reader who has it installed has design rules in the session. What was not established is whether it says anything about applying them from outside a shadow root, which is the part of this outcome that goes wrong. Listed so the entry reads as looked at and not established, rather than as ruled out.

Remaining work

Read the colours-and-typography reference file and the Web Components passages beside it.

All options on the Agent guidance page →

Connections1

Download
sap-fiori-guidelines connectionssap-fiori-guidelinesPROVIDES→ provides1provides stated Hands an agent the Fiori design system as eighteen reference files plus a quick reference inside SKILL.md itself, so a question about a button type, a page type or an AI component is answered from the skill rather than looked up. SAP/ai-skills-library — skills/sap-fiori-guidelines/SKILL.md: https://github.com/SAP/ai-skills-library/blob/main/skills/sap-fiori-guidelines/SKILL.md SAP/ai-skills-library — skills/sap-fiori-guidelines/README.md: https://github.com/SAP/ai-skills-library/blob/main/skills/sap-fiori-guidelines/README.md SAP/ai-skills-library — skills/sap-fiori-guidelines/references, eighteen files: https://github.com/SAP/ai-skills-library/tree/main/skills/sap-fiori-guidelines/referencesAgent guidance

Install

npx skills add SAP/ai-skills-library --skill sap-fiori-guidelines

Copied from SAP/ai-skills-library — skills/sap-fiori-guidelines/README.md, read . Not run by the atlas.

README

quoted from SAP/ai-skills-library under Apache-2.0, read
SAP/ai-skills-library/skills/sap-fiori-guidelines/README.mdOn GitHub

SAP Design System Skill (v1.145)

Ready to build smarter? Get started with Fiori skills and discover how AI can help your team ship faster while maintaining the design excellence Fiori is known for.

What's New

  • AI Components: AI Button, AI Acknowledgment, Guided Prompts, Quick Prompts, Regenerate, Home Page Banner
  • AI Writing Assistant: Inline AI text assistance patterns
  • Local AI Notice: On-device AI processing transparency
  • AI Input Assistance: Fiori Elements AI features
  • S/4HANA AI Error Explanation: AI-assisted error handling
  • Updated Foundations: Expanded AI & Joule design guidelines
  • Navigation: Side navigation, shell search patterns

Installation

We recommend using the skills CLI for installation:

npx skills add SAP/ai-skills-library --skill sap-fiori-guidelines

Usage

To use it, just start a new conversation and ask anything related to SAP Fiori design - it will trigger automatically based on keywords:

  • "Fiori", "SAPUI5", "UI5"
  • "SAP button", "SAP form", "SAP table"
  • "object page", "list report"
  • "SAP design system"
  • "AI button", "Joule", "guided prompts"

Example prompts that will trigger the skill:

  • "How should I implement buttons in a Fiori app?"
  • "What's the correct way to handle messages in SAPUI5?"
  • "Design an object page for a sales order"
  • "What semantic colors should I use for status indicators?"
  • "How do I add AI-powered features to my Fiori app?"
  • "What's the pattern for guided prompts in SAP?"

Skill Contents

Reference FileTopics
ui-actions.mdButtons, links, toggle buttons
ui-inputs.mdInput fields, selects, checkboxes, sliders, pickers, filter bar
ui-containers.mdDialogs, popovers, toolbars, shell bar, user menu
ui-display.mdAvatars, progress indicators, illustrated messages
ui-lists-tables.mdResponsive/grid/analytical tables, grid lists
ui-navigation.mdIcon tab bar, segmented button, side navigation
ui-messages.mdMessage strips
ui-ai.mdAI button, AI notice, writing assistant, guided/quick prompts, regenerate
ui-upload.mdUpload set with table plugin
page-types.mdObject page, list report, analytical list page, overview page
foundations-visual.mdColors, typography, iconography
foundations-interaction.mdStates, accessibility
foundations-writing-and-wording.mdUX writing guidelines
foundations-best-practices.mdNavigation, messaging best practices
foundations-ai-and-joule-design.mdAI design patterns, Joule
foundations-integration-and-services.mdFiori launchpad
fiori-elements.mdSmart templates, list report, object page config
sap-s4hana.mdS/4HANA navigation, home page, AI error explanation

Version

Built from SAP Fiori Design Guidelines v1.145 (May 2026).

Apache-2.0, read

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-iosAgent skill mapping Fiori iOS UI Kit nodes in Figma to SwiftUIfrom BTP/BAIP
  38. SAP/leanix-ai-pluginsClaude Code plugin with two skills for SAP LeanIX scriptingfrom BTP/BAIP
  39. SAP-samples/html5-applications-migration-skills-for-sap-btpClaude Code plugin with skills migrating HTML5 apps to appFrontfrom BTP/BAIP
  40. SAP-samples/joule-a2a-agent-toolkitSkills for building an A2A agent for Joule and deploying it to CFfrom BTP/BAIP
  41. SAP-samples/sap-devs-cliCLI adding SAP developer knowledge and MCP servers to AI coding toolsfrom BTP/BAIP
  42. sap-tutorials-contentAgent skill mapping the developers.sap.com content APIfrom BTP/BAIP
  43. SAP/ui-theme-designer-plugins-for-coding-agentsAgent plugin on the SAP Design System and theming parametersfrom UI5
  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 Skills Librarydiscovered here, github.com/SAP/ai-skills-library — skills/sap-fiori-guidelineschecked
github.com/SAP/ai-skills-library/tree/main/skills/sap-fiori-guidelinestree, pushes, contributors, CIchecked
skills/sap-fiori-guidelines/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 Skills Library · github.com/SAP/ai-skills-library — skills/sap-fiori-guidelines
first seen in the atlas
ecosystem and domainui5, ai-and-agents
Flavors3
Freestyle
“implementing SAPUI5 or UI5 Web Components” — SAP/ai-skills-library — skills/sap-fiori-guidelines/SKILL.md, frontmatter descriptionchecked
Web Components
“implementing SAPUI5 or UI5 Web Components” — SAP/ai-skills-library — skills/sap-fiori-guidelines/SKILL.md, frontmatter descriptionchecked
Contributors1
Marcus Notheis

From the repository’s contributor list, .

History in the atlas2
  1. Read out of the SAP AI Skills Library repository, which the atlas holds as source:sap-ai-skills-library rather than as an artifact because the registry keeps other people's code in their own repositories. This skill is SAP's own code in that repository, so it is entered from its SKILL.md, README and references directory, as plugins/aicore-skills was on 2026-09-25. Hard rule 7: skills are indexed, never authored here.
  2. First seen.
For your agent
Ref
artifact:sap-fiori-guidelines
JSON
/artifacts/sap-fiori-guidelines.json
MCP
Connecting an agent