How does it handle the conversion of legacy directives?

It provides a clear mapping for converting complex AngularJS directives into modern Angular components using @Input and @Output decorators.

Is it suitable for small applications or only large enterprise ones?

It supports multiple strategies including 'Big Bang' rewrites for smaller apps and 'Vertical Slice' migrations for larger, more complex systems.

Does this skill support the incremental hybrid migration approach?

Yes, it specifically provides patterns for using ngUpgrade to run AngularJS and Angular side-by-side, allowing for feature-by-feature migration.

Does it provide guidance on routing migration?

Yes, it includes code patterns for moving from AngularJS $routeProvider configurations to the modern Angular RouterModule.

Can I use this to migrate AngularJS services to Angular?

Absolutely. The skill includes examples for converting AngularJS factories to Angular Injectable services and handling cross-framework dependency injection.

Angular Framework Migration Pro

Name: Angular Framework Migration Pro
Author: HermeticOrmus

byHermeticOrmus

0•

Developer Tools

Facilitates the transition of legacy AngularJS applications to modern Angular through hybrid architectures and incremental component rewrites.

This skill provides comprehensive guidance for developers migrating legacy applications from AngularJS (1.x) to modern Angular versions. It offers structured patterns for setting up hybrid applications using ngUpgrade, converting legacy controllers and directives into modern components, and updating dependency injection and routing systems. Whether you are performing a complete rewrite or a feature-by-feature incremental migration, this skill provides the necessary code snippets, best practices, and strategic timelines to reduce technical debt and modernize your frontend architecture.

Key Features

01Hybrid app setup with ngUpgrade for side-by-side framework execution

02Template-driven and Reactive forms migration strategies

03Routing system migration from ngRoute/UI-Router to Angular Router

04Component conversion patterns for legacy controllers and directives

050 GitHub stars

06Dependency injection modernization and service bridging

Use Cases

01Refactoring legacy $scope-based logic into type-safe Angular components

02Implementing a hybrid architecture to support new Angular features in legacy codebases

03Modernizing large-scale corporate AngularJS applications while maintaining continuous delivery

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/alqvimia-contador angular-migration

For use in Claude.ai and ChatGPT

Download Skill