What migration strategies are supported?

It covers three main approaches: the Big Bang (complete rewrite), the Incremental Hybrid approach, and the Vertical Slice strategy to suit different project needs.

How does it handle dependency injection between frameworks?

It provides implementation patterns for both downgrading modern Angular services for legacy code and upgrading AngularJS services using InjectionTokens for modern components.

Does it support converting AngularJS directives?

Absolutely. The skill includes detailed patterns for transforming old scope-based directives into modern Angular components using @Input and @Output decorators.

Can this skill help with a hybrid AngularJS/Angular application?

Yes, it provides specific configurations for UpgradeModule and ngUpgrade to run both frameworks side-by-side, allowing for incremental, low-risk migrations.

Can it migrate routing systems?

Yes, it provides guidance and code patterns for transitioning from AngularJS ngRoute or UI-Router to the modern Angular Component Router.

Angular Migration

Name: Angular Migration
Author: kivilaid

bykivilaid

•

Developer Tools

Streamlines the modernization of legacy AngularJS applications to the latest Angular framework using hybrid strategies and incremental rewrites.

The Angular Migration skill provides comprehensive guidance and implementation patterns for upgrading legacy AngularJS (1.x) applications to modern Angular (2+). It specializes in setting up hybrid environments using ngUpgrade, facilitating the conversion of old directives and controllers into modern components, and modernizing dependency injection and routing systems. By following established migration strategies—from big bang rewrites to vertical slices—this skill helps developers minimize downtime and manage the complexity of full-scale framework transitions while maintaining continuous delivery and code quality.

Key Features

01Standardized patterns for converting AngularJS directives to modern Angular components

02Dependency injection bridging for upgrading and downgrading services between frameworks

03Comprehensive routing migration strategies from ngRoute to Angular Router

04Structured 4-phase migration timeline for project management and planning

056 GitHub stars

06Hybrid app configuration using ngUpgrade for side-by-side execution

Use Cases

01Modernizing large-scale enterprise AngularJS applications without stopping feature development

02Refactoring legacy $http services to modern RxJS-based HttpClient implementations

03Implementing vertical slice migrations for specific high-priority application modules

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kivilaid/plugin-marketplace angular-migration

For use in Claude.ai and ChatGPT

Download Skill