In this tutorial you’ll use Claude Code equipped with the UI5 plugin for coding agents as a productivity multiplier across the full lifecycle of a OpenUI5 project.
You will create and enhance a new OpenUI5 application, convert it to TypeScript, and modernize a legacy application — using an AI coding agent grounded in the official OpenUI5 API reference, the UI5 linter, and the best-practice guidelines.
The emphasis is not “let the AI do it” but “drive the AI well”: how UI5-specific tooling grounds the coding agent so its output is correct, current, and best-practice-compliant — and how you review and verify what it produces.
Your prompts, your pace. Each step includes example prompts you can use directly or adapt as a starting point. Feel free to write your own prompts entirely. The goal is to get comfortable driving the agent yourself, not to copy-paste a fixed script.
Any editor can be used alongside the terminal to inspect generated code, but all agent interactions happen in the CLI.
The tutorial consists of the following steps. To start, just open the first link — you’ll be guided from there.
apiVersion: 2 renderer. (20 min)If you get stuck, check the FAQ — it covers the most common setup problems, plugin issues, and agent behaviour questions for each step.
Copyright (c) 2026 SAP SE or an SAP affiliate company. All rights reserved. This project is licensed under the Apache Software License, version 2.0 except as noted otherwise in the LICENSE file.