sap-fiori-tools

Generates, configures, and deploys SAP Fiori Elements and SAPUI5 applications using SAP Fiori tools.

Updated May 18, 2026
One-click install
npx skills add https://github.com/Melik1986/axon-erp-api --skill sap-fiori-tools-melik1986
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sap-fiori-tools
Source: https://github.com/Melik1986/axon-erp-api/tree/main/cursor/skills/sap-fiori-tools
Command: npx skills add https://github.com/Melik1986/axon-erp-api --skill sap-fiori-tools-melik1986

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @sap-ux/fiori-mcp-server, and includes references (resource) components.

What problem does it solve? Developing SAP Fiori applications involves many specialized tasks—generating Fiori Elements floorplans, configuring Page Editor for List Reports and Object Pages, writing OData annotations, and deploying to ABAP or Cloud Foundry. This Skill consolidates official SAP Fiori tools guidance so you can perform these tasks correctly without searching through scattered documentation. ## Core Features & Use Cases - Application Generation: Create Fiori Elements apps (List Report, Object Page, Analytical List Page, Overview Page, Worklist, Form Entry) or SAPUI5 Freestyle apps from SAP systems, CAP projects, or EDMX files. - Configuration & Annotations: Configure Page Editor elements, extension-based custom columns/sections/actions, building blocks, and OData V2/V4 annotations with language server support. - Preview, Deployment & Adaptation: Preview with mock or live data, deploy to ABAP repositories or Cloud Foundry, configure Fiori Launchpad tiles, and build upgrade-safe adaptation projects. - Use Case: You need a List Report app over a CAP OData V4 service with a custom table column and ABAP deployment config—this Skill walks you through generation, Page Editor setup, and ui5-deploy.yaml creation. ## Quick Start Ask the assistant to generate a new Fiori Elements List Report application connected to your OData service and configure its table columns and filter fields.

Frequently Asked Questions about sap-fiori-tools

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a Fiori Elements List Report application?▼

Run 'Fiori: Open Application Generator' from the Command Palette, select the List Report floorplan, and choose a data source such as an SAP system, CAP project, or EDMX file. The wizard generates the project structure including manifest.json, ui5.yaml, and local mock data.

How to deploy a Fiori app to an ABAP system?▼

Run 'Fiori: Add Deployment Configuration' or 'npx fiori add deploy-config' to generate ui5-deploy.yaml with your target system, package, and transport request. Then execute 'npm run deploy' to build and upload the app to the SAPUI5 ABAP Repository. SAP_UI 7.53+ is required.

Does SAP Fiori tools support OData V4 annotations?▼

Yes, the annotation language servers support OASIS OData v4 vocabularies (Core, Capabilities, Aggregation) and SAP vocabularies including UI, Common, and Analytics. Code completion, micro-snippets, and diagnostics work in both CDS files and XML annotation files.

Can I preview a Fiori app without a backend connection?▼

Yes, run 'npm run start-mock' to preview with MockServer-generated mock data, or 'npm run start-local' to also use local SAPUI5 resources. The Data Editor lets you visually edit mock data, and AI mock data generation is available with SAP Build Code.

What is an adaptation project in SAP Fiori tools?▼

An adaptation project extends an existing Fiori application without modifying its source code, creating an upgrade-safe application variant. It supports controller extensions, fragments at extension points, and manifest changes for on-premise systems, S/4HANA Cloud, and BTP ABAP Environment.

Why does Fiori deployment fail with a 400 error?▼

A 400 status during ABAP deployment indicates a backend processing error. Check transaction /IWFND/ERROR_LOG for details and verify the virus scan profile in /IWFND/VIRUS_SCAN. You can also debug with DEBUG=ux-odata-client npm run deploy.