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.

About

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.

Key Features

Comprehensive OData v2/v4 integration and data binding patterns
Performance optimization, accessibility compliance, and security hardening
Full MVC architecture scaffolding for freestyle and Fiori Elements apps
11 GitHub stars
Metadata-Driven Control (MDC) implementation for dynamic, runtime UIs
Automated testing setup with QUnit, OPA5, and Mock Server configurations

Use Cases

Building metadata-driven List Reports and Object Pages using Fiori Elements
Migrating legacy UI5 codebases to modern TypeScript-based development workflows
Creating responsive enterprise dashboards and transactional apps with sap.m controls

About

Key Features

Comprehensive OData v2/v4 integration and data binding patterns
Performance optimization, accessibility compliance, and security hardening
Full MVC architecture scaffolding for freestyle and Fiori Elements apps
11 GitHub stars
Metadata-Driven Control (MDC) implementation for dynamic, runtime UIs
Automated testing setup with QUnit, OPA5, and Mock Server configurations

Use Cases

Building metadata-driven List Reports and Object Pages using Fiori Elements
Migrating legacy UI5 codebases to modern TypeScript-based development workflows
Creating responsive enterprise dashboards and transactional apps with sap.m controls