angular-migration

Migrates AngularJS applications to Angular using hybrid mode and incremental component rewriting.

1|Updated Dec 29, 2025
One-click install
npx skills add https://github.com/ratnesh-maurya/tracker.ratnesh-maurya.com --skill angular-migration-ratnesh-maurya
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-migration
Source: https://github.com/ratnesh-maurya/tracker.ratnesh-maurya.com/tree/main/.claude/skills/angular-migration
Command: npx skills add https://github.com/ratnesh-maurya/tracker.ratnesh-maurya.com --skill angular-migration-ratnesh-maurya

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Upgrading a legacy AngularJS (1.x) application to modern Angular (2+) is risky and complex, involving component conversion, dependency injection changes, and routing rewrites that can break production if done as a big-bang cutover. ## Core Features & Use Cases - Hybrid App Setup: Configure ngUpgrade to run AngularJS and Angular side-by-side for incremental migration. - Component & Service Conversion: Convert AngularJS controllers, directives, and factories into Angular components and injectable services with before/after code examples. - DI and Routing Migration: Upgrade AngularJS services into Angular and downgrade Angular services into AngularJS, plus migrate $routeProvider to Angular Router. - Use Case: A team maintaining a large AngularJS dashboard uses this Skill to plan a vertical-slice migration, bootstrap a hybrid app, and migrate one feature at a time with continuous testing. ## Quick Start Ask the AI to analyze your AngularJS codebase and produce an incremental migration plan to Angular using ngUpgrade hybrid mode.

Frequently Asked Questions about angular-migration

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

FAQPage Schema
How do I migrate an AngularJS app to Angular?▼

Migrate AngularJS to Angular incrementally using ngUpgrade, which runs both frameworks side-by-side in a hybrid app. Migrate services first, then convert controllers and directives to components feature by feature, testing continuously before removing AngularJS code.

What is the best strategy for AngularJS to Angular migration?▼

The incremental hybrid approach suits large apps needing continuous delivery, big-bang rewrites fit small apps, and vertical slices work for medium apps with distinct features. Choose based on codebase size, team capacity, and release cadence.

How do I use an Angular service inside AngularJS code?▼

Use downgradeInjectable from @angular/upgrade/static to register an Angular service as an AngularJS factory. Then inject it into AngularJS controllers by the registered name, allowing shared logic during hybrid migration.

Can AngularJS and Angular routing work together in a hybrid app?▼

Yes, during hybrid migration both routers can coexist, but ownership of routes must be clearly divided between $routeProvider and Angular Router. Migrate routes incrementally, moving each path to Angular Router as its feature is converted.

When should I not use incremental Angular migration?▼

Avoid incremental migration for small apps where a complete rewrite is faster, or when the app is already on a modern Angular version. It is also unnecessary for minor UI fixes that require no framework changes.