Does it provide help with UI5 performance and security?

Yes, it includes best practices for component preloading, lazy loading, Content Security Policy (CSP) implementation, and XSS protection.

Can I use this for Fiori Elements applications?

Absolutely. It provides specific guidance for manifest.json configurations and OData annotations used in List Reports, Object Pages, and Analytical List Pages.

How does the MCP integration benefit my workflow?

The MCP integration allows Claude to access live tools for app scaffolding, real-time API reference lookups, and automated code quality checks using the @ui5/mcp-server.

Does this skill support modern UI5 development with TypeScript?

Yes, the skill includes specialized patterns for @ui5/ts-interface-generator and Metadata-Driven Controls (MDC) using TypeScript.

SAPUI5 Development

Name: SAPUI5 Development
Author: secondsky

bysecondsky

•

Mobile Development

Builds and optimizes enterprise-grade web applications using the SAPUI5 framework and Fiori design principles.

This comprehensive skill enables developers to architect, implement, and debug sophisticated SAPUI5 applications within the SAP ecosystem. It covers the entire development lifecycle—from project scaffolding and MVC architecture setup to advanced Metadata-Driven Controls (MDC) and Fiori Elements. With integrated support for OData v2/v4 data binding, TypeScript control libraries, and testing frameworks like QUnit and OPA5, it ensures that your enterprise applications are performant, accessible, and secure. Whether you are building freestyle apps or leveraging the official @ui5/mcp-server for live API exploration, this skill provides the domain-specific guidance needed for production-ready SAP development.

Características Principales

01Comprehensive OData v2/v4 integration and data binding patterns

02Performance optimization, accessibility compliance, and security hardening

03Full MVC architecture scaffolding for freestyle and Fiori Elements apps

0411 GitHub stars

05Metadata-Driven Control (MDC) implementation for dynamic, runtime UIs

06Automated testing setup with QUnit, OPA5, and Mock Server configurations

Casos de Uso

01Building metadata-driven List Reports and Object Pages using Fiori Elements

02Migrating legacy UI5 codebases to modern TypeScript-based development workflows

03Creating responsive enterprise dashboards and transactional apps with sap.m controls

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/sap-skills sapui5

For use in Claude.ai and ChatGPT