SAP Fiori Tools Skill
Comprehensive Claude Code skill for SAP Fiori application development using SAP Fiori tools extensions.
Capability Index
| Capability | Status |
|---|---|
| Commands | 2: /fiori-app-generate, /fiori-preview-deploy |
| Agents | 1: fiori-app-advisor |
| Hooks | No |
| MCP | Yes: .mcp.json |
| LSP | No |
| Source Freshness | last_verified: 2026-02-26; Fiori MCP package evidence tracked in audit report. |
| Verification | npm run validate; live BAS/Fiori deployment checks pending. |
Overview
This skill provides guidance for developing SAP Fiori applications using SAP Fiori tools - the official SAP development toolkit for VS Code and SAP Business Application Studio.
Auto-Trigger Keywords
This skill activates when discussing:
Tools & Extensions
- SAP Fiori tools
- Fiori tools
- Application Wizard
- Application Modeler
- Page Map
- Page Editor
- Guided Development
- Service Modeler
- Annotations Language Server
- Environment Check
Application Types
- SAP Fiori Elements
- Fiori Elements
- SAPUI5 Freestyle
- List Report
- Object Page
- Analytical List Page
- Overview Page
- Worklist
- Form Entry Object Page
- Custom Page
Generation & Templates
- Fiori: Open Application Generator
- Application Generator
- Template Wizard
- Fiori Elements generator
- SAPUI5 generator
- generate Fiori app
- create Fiori application
- Fiori template
Page Editor & Configuration
- configure List Report
- configure Object Page
- Page Editor properties
- filter fields
- table columns
- table actions
- header facets
- object page sections
- form section
- table section
- chart section
Annotations
- OData annotations
- UI annotations
- annotation language server
- code completion annotations
- micro-snippets
- annotation diagnostics
- Service Modeler
- override annotations
- local annotations
- XML annotations
- CDS annotations
Building Blocks
- Fiori Elements building blocks
- Chart building block
- FilterBar building block
- Table building block
- custom page building blocks
Extension Development
- custom columns
- custom sections
- custom actions
- custom views
- controller extensions
- extension-based elements
Preview & Testing
- Fiori preview
- npm start
- start-mock
- start-local
- MockServer
- mock data
- live data preview
- Run Control
- launch.json
- app-to-app navigation
- SAP Horizon theme
- Data Editor
Deployment
- deploy Fiori app
- ABAP deployment
- Cloud Foundry deployment
- ui5-deploy.yaml
- mta.yaml
- Fiori Launchpad configuration
- FLP configuration
- HTML5 Repository
- SAPUI5 ABAP Repository
Adaptation Projects
- adaptation project
- extend Fiori application
- application variant
- Adaptation Editor
- fragments
- extension points
- controller extension
- upgrade-safe
- on-premise extension
- S/4HANA Cloud extension
AI Generation
- Project Accelerator
- Joule Fiori
- AI mock data
- generate app from text
- generate app from image
Project Functions
- Application Information
- Project Validation
- Environment Check
- system connections
- SAP system connection
- service metadata
- reuse library
IDEs & Setup
- VS Code Fiori
- Business Application Studio
- BAS Fiori
- dev space
- Fiori dev space
Configuration Files
- manifest.json
- ui5.yaml
- ui5-local.yaml
- xs-app.json
- package.json Fiori
Errors & Troubleshooting
- CA-UX-IDE
- deployment error
- preview error
- MockServer error
- annotation error
Sample Projects
- fiori-tools-samples
- SAP Fiori samples GitHub
- Fiori Elements sample projects
- SAP-samples Fiori
Installation
Copy the sap-fiori-tools folder to your Claude Code skills directory:
# User skills (personal)
~/.claude/skills/sap-fiori-tools/
# Project skills (team)
.claude/skills/sap-fiori-tools/Usage
The skill automatically activates when you ask about SAP Fiori tools topics. Examples:
- "Generate a new Fiori Elements List Report application"
- "Configure the Page Editor for Object Page"
- "How do I deploy my Fiori app to ABAP?"
- "Create an adaptation project for an existing app"
- "Set up mock data for preview"
- "Add a custom column to the table"
Skill Structure
Documentation Sources
Primary: https://github.com/SAP-docs/btp-fiori-tools/tree/main/docs
SAP Help Portal: https://help.sap.com/docs/SAP_FIORI_tools
Fiori Design Guidelines: https://experience.sap.com/fiori-design-web/
Version Information
- Skill Version: 1.0.0
- Documentation Source Date: 2025-11-22
- Minimum SAPUI5 Version: 1.65+
Covered Topics
Getting Started
- Installation (VS Code, BAS)
- System requirements
- SAP system connections
- Environment setup
Application Generation
- Fiori Elements floorplans (6 types)
- SAPUI5 Freestyle templates
- Data source configuration
- CAP project integration
Development
- Page Map and Page Editor
- Annotation support
- Building blocks (OData V4)
- Extension-based elements
- Guided Development
- Internationalization (i18n)
Preview & Testing
- NPM scripts
- Run Control configuration
- Mock data management
- AI mock data generation
- App-to-app navigation
- External FLP preview
Deployment
- ABAP repository deployment
- Cloud Foundry deployment
- Fiori Launchpad configuration
- Security configuration
Adaptation Projects
- On-premise systems
- S/4HANA Cloud
- BTP ABAP Environment
- Controller extensions
- Fragments and extension points
- Upgrade-safe rules
AI Features
- Project Accelerator
- Joule integration
- Text/image-based generation
License
GPL-3.0
Maintainer
SAP Skills Repository | https://github.com/secondsky/sap-skills