Skip to main content

sap-ux-fiori-tools

MCP server and skills for SAP Fiori development. Helps AI coding assistants build, modify, and test SAP Fiori Elements applications connected to CAP or ABAP OData services. Provides 7 skills covering app generation, analytical charts, visual filters, OPA5 testing, ESLint, tree tables, and the Fiori tools CLI.

External pluginv1.16.7SAP SEApache-2.0SAP/open-ux-tools
Install
Install in VS Code
Maintained outside this repository

sap-ux-fiori-tools is published by SAP SE from SAP/open-ux-tools, pinned to 653ac13f5eec09dca862dae200e349e7cc7288c9. Review the source before installing.

View the source repository

Plugin distribution assets for the SAP Fiori MCP server, enabling AI coding assistants (Claude Code and GitHub Copilot) to develop SAP Fiori applications.

What is in this directory

Asset Purpose
.claude-plugin/plugin.json Claude Code plugin manifest
plugin.json GitHub Awesome Copilot plugin manifest
.mcp.json → mcp.json MCP server launch config (pinned version)
skills/ Seven skills loaded by Claude Code and Awesome Copilot

Skills

Skill Description
sap-fiori-app-development Fiori Elements and standalone app creation
sap-fiori-analytical-chart Analytical chart and visual filter configuration
sap-fiori-add-visual-filter Adding visual filters to Analytical List Pages
sap-fiori-create-cli SAP Fiori tools CLI commands
sap-fiori-eslint-plugin ESLint plugin for Fiori development
sap-fiori-opa5-test-development OPA5 integration test development
sap-fiori-tree-table Tree table implementation

MCP Server

The MCP server binary is published as @sap-ux/fiori-mcp-server on npm. Source code lives in packages/fiori-mcp-server.

Installing in Claude Code

Once listed in the Claude Code public marketplace, this can be simplified to claude plugin install sap-ux-fiori-tools.

claude plugin marketplace add https://raw.githubusercontent.com/SAP/open-ux-tools/main/plugins-coding-agents/fiori/.claude-plugin/marketplace.json
claude plugin install sap-ux-fiori-tools

Installing in GitHub Copilot

VS Code: In the Copilot Chat panel, type @agentPlugins to browse and install, or open the Command Palette and run Chat: Plugins.

CLI (requires GitHub Copilot CLI with plugin subcommand support):

copilot plugin install sap-ux-fiori-tools@awesome-copilot

Version Alignment

Plugin versions in .claude-plugin/plugin.json and plugin.json are independent of the MCP server version.

Automated — on each @sap-ux/fiori-mcp-server npm release, two scripts run in CI:

  • packages/fiori-mcp-server/scripts/sync-mcp-manifests.cjs — updates server.json and the pinned server version in .mcp.json
  • plugins-coding-agents/fiori/scripts/sync-plugin-manifests.cjs — patch-bumps the plugin version in .claude-plugin/plugin.json, .claude-plugin/marketplace.json, and plugin.json

Manual — when skills change (editing a SKILL.md, adding or removing a skill), bump the version field in .claude-plugin/plugin.json, .claude-plugin/marketplace.json, and plugin.json by hand as part of the same commit.