ui5-typescript-conversion

Migrate SAPUI5/OpenUI5 JavaScript projects to TypeScript while preserving comments.

19|3|Updated May 17, 2026
One-click install
npx skills add https://github.com/cline/skills --skill ui5-typescript-conversion-cline
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui5-typescript-conversion
Source: https://github.com/cline/skills/tree/main/skills/ui5-typescript-conversion
Command: npx skills add https://github.com/cline/skills --skill ui5-typescript-conversion-cline

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Legacy SAPUI5/OpenUI5 projects written in JavaScript lack type safety, modern IDE support, and maintainability for large enterprise applications, making updates and collaboration error-prone and time-consuming.

Core Features & Use Cases

  • Full Project Conversion: Updates project configuration (package.json, tsconfig.json, ui5.yaml) and migrates all application code, custom controls, and test suites to TypeScript.
  • Type Safety & Tooling Integration: Adds proper UI5 type annotations, integrates with @ui5/ts-interface-generator for runtime-generated method typing, and configures TypeScript-aware linting.
  • Use Case: A development team maintaining a 5-year-old SAP enterprise dashboard can use this skill to convert their entire UI5 codebase to TypeScript, reducing runtime errors and enabling autocompletion for UI5 controls in their IDE.

Quick Start

Use the ui5-typescript-conversion skill to migrate your existing SAPUI5/OpenUI5 JavaScript project to a fully typed TypeScript codebase following official best practices.

Frequently Asked Questions about ui5-typescript-conversion

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

FAQPage Schema
How do I migrate an existing SAPUI5 JavaScript project to TypeScript?

Migrating SAPUI5 JavaScript to TypeScript involves updating project configurations like package.json, tsconfig.json, and ui5.yaml, then converting controllers, views, custom controls, and test suites to typed code while preserving all comments and documentation.

What is the best way to add type safety to a legacy OpenUI5 codebase?

Adding type safety to a legacy OpenUI5 codebase requires converting JavaScript files to TypeScript, adding proper UI5 type annotations, and integrating with @ui5/ts-interface-generator for runtime-generated method typing to ensure compatibility.

Does UI5 TypeScript conversion work with QUnit and OPA test suites?

Yes, UI5 TypeScript conversion fully adapts QUnit and OPA test suites. The migration process ensures that existing tests are converted to type-safe TypeScript while maintaining compatibility with the UI5 runtime and tooling transpilation middleware.

Can I convert custom UI5 controls to TypeScript without losing documentation?

Yes, converting custom UI5 controls to TypeScript preserves all existing comments and documentation. The conversion process includes custom control typing and ensures compatibility with UI5 runtime and @ui5/ts-interface-generator for runtime method typing.

What project configuration files need updating for UI5 TypeScript migration?

UI5 TypeScript migration requires updating package.json, tsconfig.json, and ui5.yaml. These configuration updates ensure the project integrates with UI5 tooling transpilation middleware and supports TypeScript-aware linting for the converted codebase.

Why use TypeScript for large enterprise SAPUI5 applications instead of JavaScript?

TypeScript provides type safety, modern IDE support, and improved maintainability for large enterprise SAPUI5 applications. Converting from JavaScript reduces runtime errors and enables autocompletion for UI5 controls, making updates and collaboration less error-prone.