Can this skill help with large-scale legacy apps?

Yes, it specializes in the incremental hybrid approach, allowing you to migrate large applications feature-by-feature without a full stop in development.

How does it handle service migration?

It provides strategies for migrating AngularJS factories to Angular services, including how to downgrade Angular services so they remain accessible to legacy AngularJS code.

Does it support the ngUpgrade module?

Absolutely. It provides specific templates and bootstrap scripts for setting up UpgradeModule to run AngularJS and Angular side-by-side.

Can I convert AngularJS directives to Angular components?

Yes, the skill includes detailed implementation patterns for mapping directive scopes, templates, and link functions to modern Angular component syntax.

Angular Migration Tool

Name: Angular Migration Tool
Author: HermeticOrmus

byHermeticOrmus

0•

Developer Tools

Streamlines the transition from legacy AngularJS to modern Angular using hybrid strategies and component modernization patterns.

This skill empowers developers to navigate the complexities of migrating legacy AngularJS (1.x) applications to modern Angular (2+). It provides specialized guidance on implementing hybrid app architectures using ngUpgrade, converting directives into components, updating dependency injection patterns, and migrating routing systems. Whether you are planning a complete rewrite or a feature-by-feature incremental migration, this skill offers the specific patterns, code templates, and best practices needed to modernize your frontend stack while maintaining application stability and continuous delivery.

Key Features

01Hybrid application setup using UpgradeModule for side-by-side execution

02Modernization of dependency injection including service downgrading and upgrading

03Automated patterns for migrating from $http to HttpClient and observables

04Incremental conversion of AngularJS controllers and directives to Angular components

05Comprehensive routing migration strategies from $routeProvider to Angular Router

060 GitHub stars

Use Cases

01Refactoring legacy JavaScript controllers into TypeScript-based Angular components

02Implementing hybrid mode to run both frameworks simultaneously during long-term transitions

03Upgrading enterprise AngularJS 1.x applications to the latest Angular versions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/floraheritage angular-migration

For use in Claude.ai and ChatGPT

Download Skill