Introducing UI5 Plugins for Claude: AI-Powered Development for SAPUI5 and OpenUI5
We’re introducing UI5 plugins for Claude, an open-source collection of plugins for Claude Code. These plugins are designed to enhance UI5 development workflows with AI assistance.
What Are Claude Code Plugins?
Claude Code is Anthropic’s AI-powered CLI for software development. Its plugin system lets domain experts extend Claude’s built-in capabilities with specialized knowledge, tools, and skills for a specific technology. With plugins, Claude Code becomes aware of framework-specific conventions, APIs, and best practices. This means developers get more accurate, context-aware assistance without having to explain the fundamentals every time.
Why We Built This
The UI5 framework has a rich but specialized programming model. Developers, especially those new to UI5 or returning after a break, often spend significant time looking up the correct patterns for class definitions, module loading, TypeScript typing, and toolchain configuration. AI assistance can save hours in these situations, but only if the AI has accurate, curated knowledge of the framework.
Rather than relying on the LLM’s general training data, which can be outdated or incomplete for framework details, these plugins embed current, maintained guidelines directly into the development workflow. The result is that Claude Code provides UI5-accurate suggestions from Day One, so you don’t have to paste documentation into every conversation.
Last year, we published the UI5 MCP server described in Give Your AI Agent Some Tools: Introducing the UI5 MCP Server. The introduction of agent skills over the last year makes some tasks easier to complete compared to using only the UI5 MCP server. MCP servers aren’t going away; this just introduces a new way to distribute tasks between MCP servers or skills. The choice depends on the task: Skills work well for tasks described in free text, while MCP servers offer better support for tasks that require precise input and output.
What We Are Releasing
The initial release ships two plugins:
1. UI5 Plugin — Your UI5 Development Companion
The UI5 plugin equips Claude Code with deep knowledge of the SAPUI5 and OpenUI5 ecosystem. It helps you with the following tasks:
Create new UI5 projects: Create scaffolded project structures based on best practices without any manual setup.Detect and fix UI5-specific errors: Claude understands UI5 linting rules and applies fixes based on the official guidelines.Access UI5 API documentation: Get accurate, framework-aware answers about controls, modules, events, and APIs instead of generic JavaScript suggestions.
Technically, the plugin is a wrapper around the UI5 MCP server. Install it with a single command:
claude plugin install ui5@claude-plugins-official
Or from within Claude Code:
/plugin install ui5@claude-plugins-official
2. UI5 TypeScript Conversion plugin — Migrate to TypeScript with Confidence
Migrating a JavaScript UI5 project to TypeScript can be tricky. Generic AI tools often handle the required transformations incorrectly. These transformations are necessary for the UI5 class system, the sap.ui.define module loader, runtime-generated getter and setter methods on controls, and library-specific patterns. The UI5 TypeScript Conversion plugin provides Claude Code with a step-by-step conversion playbook.
Install it with:
claude plugin install ui5-typescript-conversion@claude-plugins-official
Get Started
Install Claude Code.Install one or both plugins as shown above.Start coding. For example, you can ask Claude Code to create a UI5 project, run UI5 linter, explain an API, or start a TypeScript migration.
The source code for both plugins is available on GitHub at UI5/plugins-claude under the Apache 2.0 license. We welcome contributions, bug reports, and feature requests via GitHub Issues.
You can also join the conversation in the #ai channel of the OpenUI5 Community Slack or ask questions on Stack Overflow using the ui5-plugins-claude tag.
Introducing UI5 Plugins for Claude: AI-Powered Development for SAPUI5 and OpenUI5We’re introducing UI5 plugins for Claude, an open-source collection of plugins for Claude Code. These plugins are designed to enhance UI5 development workflows with AI assistance.What Are Claude Code Plugins?Claude Code is Anthropic’s AI-powered CLI for software development. Its plugin system lets domain experts extend Claude’s built-in capabilities with specialized knowledge, tools, and skills for a specific technology. With plugins, Claude Code becomes aware of framework-specific conventions, APIs, and best practices. This means developers get more accurate, context-aware assistance without having to explain the fundamentals every time.Why We Built ThisThe UI5 framework has a rich but specialized programming model. Developers, especially those new to UI5 or returning after a break, often spend significant time looking up the correct patterns for class definitions, module loading, TypeScript typing, and toolchain configuration. AI assistance can save hours in these situations, but only if the AI has accurate, curated knowledge of the framework.Rather than relying on the LLM’s general training data, which can be outdated or incomplete for framework details, these plugins embed current, maintained guidelines directly into the development workflow. The result is that Claude Code provides UI5-accurate suggestions from Day One, so you don’t have to paste documentation into every conversation.Last year, we published the UI5 MCP server described in Give Your AI Agent Some Tools: Introducing the UI5 MCP Server. The introduction of agent skills over the last year makes some tasks easier to complete compared to using only the UI5 MCP server. MCP servers aren’t going away; this just introduces a new way to distribute tasks between MCP servers or skills. The choice depends on the task: Skills work well for tasks described in free text, while MCP servers offer better support for tasks that require precise input and output.What We Are ReleasingThe initial release ships two plugins:1. UI5 Plugin — Your UI5 Development CompanionThe UI5 plugin equips Claude Code with deep knowledge of the SAPUI5 and OpenUI5 ecosystem. It helps you with the following tasks:Create new UI5 projects: Create scaffolded project structures based on best practices without any manual setup.Detect and fix UI5-specific errors: Claude understands UI5 linting rules and applies fixes based on the official guidelines.Access UI5 API documentation: Get accurate, framework-aware answers about controls, modules, events, and APIs instead of generic JavaScript suggestions.Technically, the plugin is a wrapper around the UI5 MCP server. Install it with a single command:claude plugin install ui5@claude-plugins-officialOr from within Claude Code:/plugin install ui5@claude-plugins-official2. UI5 TypeScript Conversion plugin — Migrate to TypeScript with ConfidenceMigrating a JavaScript UI5 project to TypeScript can be tricky. Generic AI tools often handle the required transformations incorrectly. These transformations are necessary for the UI5 class system, the sap.ui.define module loader, runtime-generated getter and setter methods on controls, and library-specific patterns. The UI5 TypeScript Conversion plugin provides Claude Code with a step-by-step conversion playbook.Install it with:claude plugin install ui5-typescript-conversion@claude-plugins-officialGet StartedInstall Claude Code.Install one or both plugins as shown above.Start coding. For example, you can ask Claude Code to create a UI5 project, run UI5 linter, explain an API, or start a TypeScript migration.The source code for both plugins is available on GitHub at UI5/plugins-claude under the Apache 2.0 license. We welcome contributions, bug reports, and feature requests via GitHub Issues.You can also join the conversation in the #ai channel of the OpenUI5 Community Slack or ask questions on Stack Overflow using the ui5-plugins-claude tag. Read More Technology Blog Posts by SAP articles
#SAP
#SAPTechnologyblog
