How does it handle dependency injection between frameworks?

It includes specific templates for downgrading Angular services for AngularJS use and upgrading legacy AngularJS services into the modern Angular injector.

Can this skill help with large-scale enterprise migrations?

Yes, it specializes in the incremental hybrid approach, allowing large applications to migrate feature-by-feature while maintaining continuous delivery.

Does it support the latest versions of Angular?

Yes, the skill provides patterns for updating legacy code to the latest Angular standards, including standalone components and modern reactive forms.

Is it strictly for 'Big Bang' rewrites?

No, it explicitly supports Incremental and Vertical Slice strategies, providing roadmaps for running both frameworks simultaneously to minimize risk.

Does it include routing migration?

Yes, it covers the transition from AngularJS $routeProvider or ui-router to the modern Angular Router, including path parameters and child routes.

Angular Migration Pro

Name: Angular Migration Pro
Author: Activer007

byActiver007

0•

开发者工具

Facilitates the transition from legacy AngularJS applications to modern Angular using hybrid strategies and incremental component updates.

This skill provides comprehensive guidance for developers modernizing legacy web applications by migrating from AngularJS (1.x) to modern Angular (2+). It offers detailed implementation patterns for setting up hybrid applications using ngUpgrade, converting old controllers and directives into TypeScript-based components, and upgrading dependency injection systems. Whether you are performing a complete rewrite or a feature-by-feature incremental update, this skill ensures best practices are followed for routing, forms, and service migrations while helping you avoid common pitfalls like change detection conflicts and scope mismanagement.

主要功能

01Hybrid application setup using UpgradeModule (ngUpgrade) for side-by-side execution

02Structured phase-based migration timelines and project planning frameworks

030 GitHub stars

04Bi-directional dependency injection strategies for sharing services across frameworks

05Standardized conversion patterns for AngularJS controllers and directives to Angular components

06Comprehensive routing and forms migration guides for template-driven and reactive patterns

使用场景

01Modernizing legacy enterprise AngularJS 1.x codebases to current Angular versions without downtime

02Implementing a hybrid architecture to allow feature-by-feature migration over several months

03Refactoring complex AngularJS directives into reusable, typed Angular components and services

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add activer007/ordinary-claude-skills angular-migration

For use in Claude.ai and ChatGPT

Download Skill