ui5-typescript-conversion

Convert UI5 JavaScript projects to TypeScript with ES6 classes.

33|9|Updated Mar 17, 2026
One-click install
npx skills add https://github.com/UI5/plugins-claude --skill ui5-typescript-conversion
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui5-typescript-conversion
Source: https://github.com/UI5/plugins-claude/tree/main/plugins/ui5-typescript-conversion/skills
Command: npx skills add https://github.com/UI5/plugins-claude --skill ui5-typescript-conversion

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill facilitates the migration of existing UI5 (SAPUI5/OpenUI5) projects from JavaScript to TypeScript, enabling developers to adopt modern coding standards and improve code quality.

Core Features & Use Cases

  • Code Modernization: Converts UI5 class syntax from extend to ES6 classes with proper module imports.
  • Configuration Assistance: Guides users in updating package.json, tsconfig.json, and ui5.yaml for TypeScript compatibility.
  • Control & Library Conversion: Transforms custom controls and control libraries into TypeScript, including handling metadata, renderer, and enums.
  • Testing Transition: Assists in adapting UI5 test code and test setups from JavaScript to TypeScript.
  • Use Case: Developers aiming to upgrade their UI5 apps to TypeScript to leverage better tooling, type safety, and maintainability.

Quick Start

Convert your UI5 project to TypeScript by running the provided conversion scripts and following the step-by-step guidance to update configurations and refactor class definitions.

Frequently Asked Questions about ui5-typescript-conversion

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert an existing UI5 JavaScript project to TypeScript?

Converting custom UI5 controls to TypeScript involves transforming class syntax from extend to ES6 classes, properly handling metadata, refactoring renderers, and converting enums to ensure type safety and maintainability.

What configuration files need updating for UI5 TypeScript migration?

UI5 TypeScript migration requires updating package.json, tsconfig.json, and ui5.yaml to establish modern ES module syntax, ensure proper module imports, and align the project with TypeScript-based UI5 development workflows.

Can I migrate UI5 control libraries and test code to TypeScript?

Yes, you can migrate UI5 control libraries and test code to TypeScript by adapting test setups and transforming custom controls into TypeScript, including handling metadata, renderer, and enums for enhanced code safety.

What is the best way to modernize UI5 class syntax for TypeScript?

The best way to modernize UI5 class syntax for TypeScript is converting the traditional extend syntax into ES6 classes with proper module imports, leveraging better tooling, type safety, and maintainability.

Why should I migrate my SAPUI5 or OpenUI5 project to TypeScript?

You should migrate your SAPUI5 or OpenUI5 project to TypeScript to adopt modern coding standards, enhance code quality, gain better tooling support, and ensure long-term maintainability through strict type safety.