AI Skill for SAP Fiori Guidelines

Resources / AI Skill for SAP Design System

Intro

With the SAP Fiori Guidelines skill, you can use the SAP design guidelines directly inside your AI tools as you design and build.

The content is based on the SAP Design System for web (version 1.145) and supports common tasks like building with SAPUI5, using UI components, and applying standard UX patterns.

information

This AI skill is experimental and still evolving. It can support your work, but can't replace human expertise. We recommend checking the outputs to ensure they align with what you need.

Download and Installation

To install the skill, follow the instructions in the SAP AI Skills Library:

In the SAP/ai-skills-library repository on GitHub, open the folder skills/sap-fiori-guidelines. Here, you'll also find details of the skill, including the skill contents.
To install via CLI (command line), run:
npx skills add SAP/ai-skills-library --skill sap-fiori-guidelines
For more information on using the skills CLI for installation, see skills.

Get Started

To use the SAP Fiori Guidelines skill, just start a new conversation and ask anything related to SAP Fiori design. It will trigger automatically based on keywords, for example:

"Fiori", "SAPUI5", "UI5"
"SAP button", "SAP form", "SAP table"
"object page", "list report"
"SAP design system"

Example prompts

Here are some examples of 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?"