# sapui5

A skill that helps AI agents build SAP UI5 apps: XML views, controllers, data binding, OData, Fiori Elements and tests.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 697 installs · ★ 475
- Author: secondsky
- License: GPL-3.0 · policy=link-only · description only; the file stays with the author
- Source: https://github.com/secondsky/sap-skills/tree/HEAD/plugins/sapui5/skills/sapui5/SKILL.md
- Updated: 2026-10-21
- HTML: https://affpapa.org/en/nevibecode/skills/sapui5

## What it 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.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add secondsky/sap-skills --skill sapui5 -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/sapui5/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/sapui5/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add secondsky/sap-skills --skill sapui5 -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/sapui5/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add secondsky/sap-skills --skill sapui5 -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/sapui5/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install secondsky/sap-skills sapui5
```

2. **Manually: put the files in place**
- File: `.github/skills/sapui5/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add secondsky/sap-skills --skill sapui5 -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/secondsky/sap-skills --path plugins/sapui5/skills/sapui5
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/sapui5/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add secondsky/sap-skills --skill sapui5 -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/secondsky/sap-skills/tree/HEAD/plugins/sapui5/skills/sapui5/SKILL.md

## When to use it
- 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
- 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

## Similar
- [sap-fiori-app-development](https://affpapa.org/en/nevibecode/skills/sap-fiori-app-development.md) — skill · 595 installs
- [sap-fiori-opa5-test-development](https://affpapa.org/en/nevibecode/skills/sap-fiori-opa5-test-development.md) — skill · 549 installs
- [ui5-typescript-conversion](https://affpapa.org/en/nevibecode/skills/ui5-typescript-conversion.md) — skill · 910 installs
- [dataverse-python-production-code](https://affpapa.org/en/nevibecode/skills/dataverse-python-production-code.md) — skill · 9803 installs
- [dataverse-python-advanced-patterns](https://affpapa.org/en/nevibecode/skills/dataverse-python-advanced-patterns.md) — skill · 9213 installs
- [angular-architect](https://affpapa.org/en/nevibecode/skills/angular-architect.md) — skill · 4800 installs

From the same set: [secondsky/sap-skills](https://affpapa.org/en/nevibecode/by/secondsky/sap-skills.md) — 20 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md