sapui5 — Claude Code skill for SAP UI5 development
A skill that helps AI agents build SAP UI5 apps: XML views, controllers, data binding, OData, Fiori Elements and tests.
npx skills add secondsky/sap-skills --skill sapui5 -a claude-codeWhat sapui5 does
The skill covers the whole SAP UI5 workflow: freestyle apps, Fiori Elements, custom controls, routing, JSON and OData model binding (v2 and v4), QUnit and OPA5 tests, mock servers. Security (XSS, CSP), performance and accessibility get their own sections. There is also material on sap.ui.mdc controls and TypeScript control libraries.
Inside are 15 reference files plus templates for a quick start: Component.js, manifest.json, an XML view, a controller, a formatter. The skill hooks into the official @ui5/mcp-server and exposes 9 MCP tools, 4 specialized subagents and 5 slash commands: /ui5-scaffold, /ui5-api, /ui5-lint, /ui5-version, /ui5-mcp-tools. Everything still works without MCP, using the reference files and built-in templates.
The verified framework version is 1.148.1, with a baseline of 1.120.0 and above. On an older UI5 release some reference examples and APIs will not match your code, so check the version before letting the agent touch manifest.json. The license is GPL-3.0, which is worth checking against your project's own license.
What it helps with
- scaffold a freestyle UI5 app with UI5 Tooling
- wire an OData v4 binding in
manifest.json - write an OPA5 integration test
- set up routing between XML views
- look up the right control in the API reference
Example prompts for the agent
- scaffold a UI5 app with an XML view and a controller
- connect an OData v4 model and set up the binding in manifest.json
- write an OPA5 integration test for the product list
How to install sapui5
1Skills CLI (Vercel)
npx skills add secondsky/sap-skills --skill sapui5 -a claude-code2Manually: put the files in place
~/.claude/skills/sapui5/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/sapui5/
1Skills CLI (Vercel)
npx skills add secondsky/sap-skills --skill sapui5 -a codex2Manually: put the files in place
.agents/skills/sapui5/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add secondsky/sap-skills --skill sapui5 -a cursor2Manually: put the files in place
.cursor/skills/sapui5/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install secondsky/sap-skills sapui52Manually: put the files in place
.github/skills/sapui5/SKILL.md1Skills CLI (Vercel)
npx skills add secondsky/sap-skills --skill sapui5 -a gemini-cli2Platform CLI
gemini skills install https://github.com/secondsky/sap-skills --path plugins/sapui5/skills/sapui5Manually: put the files in place
.devin/skills/sapui5/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add secondsky/sap-skills --skill sapui5 -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about sapui5
How do I install sapui5 in Claude?
Run npx skills add secondsky/sap-skills --skill sapui5 -a claude-code. The skill lands in ~/.claude/skills/sapui5/SKILL.md.
What does the sapui5 skill do?
It helps the agent write and debug SAP UI5 apps: views, controllers, data models, routing, tests, security and performance.
Which UI5 version is supported?
The verified version is 1.148.1, with a baseline of 1.120.0 and above.
