What is the recommended starting point for a migration?

It is generally recommended to start with services and utilities (infrastructure) before moving to components and UI logic, as services typically have fewer dependencies.

Does this skill help with service migration?

Absolutely. It provides specific patterns for downgrading new Angular services for use in legacy code and upgrading AngularJS services for use in new Angular components.

How do I handle routing during the migration phase?

The skill includes templates and strategies for moving from AngularJS $routeProvider or UI-Router to the modern Angular RouterModule, including co-existence strategies.

Can I migrate my application incrementally?

Yes, this skill focuses on the Incremental Hybrid Approach using ngUpgrade, which allows you to run AngularJS and Angular side-by-side while migrating feature by feature.

Angular Migration & Modernization

Name: Angular Migration & Modernization
Author: harshahosur81

byharshahosur81

•

開発者ツール

Streamlines the transition from legacy AngularJS 1.x to modern Angular frameworks using hybrid strategies and automated component conversion.

This skill provides a comprehensive framework for migrating legacy AngularJS applications to modern Angular. It supports various strategies including Big Bang rewrites and the Incremental Hybrid approach using ngUpgrade, allowing both frameworks to run side-by-side during the transition. It offers specific technical guidance on converting controllers to components, migrating complex dependency injection systems, updating routing configurations, and modernizing form handling, ensuring a smooth transition while maintaining application stability and developer productivity.

主な機能

01Pattern-based conversion of AngularJS controllers and directives to Angular components

02Hybrid app setup with ngUpgrade for side-by-side execution of dual frameworks

03Bidirectional dependency injection strategies (upgrading and downgrading services)

04Phased migration planning with structured timelines and best practices

051 GitHub stars

06Comprehensive routing migration from ngRoute or UI-Router to the Angular Router

ユースケース

01Modernizing large-scale enterprise AngularJS applications without total downtime

02Converting legacy JavaScript directives into reusable TypeScript Angular components

03Updating application architecture to leverage RxJS and Reactive Forms

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add harshahosur81/ag-opencode-skills angular-migration

For use in Claude.ai and ChatGPT

Download Skill