Does this skill support the latest versions of Angular?

Yes, it provides patterns for upgrading to the latest Angular releases while maintaining compatibility with legacy AngularJS components through hybrid mode.

How does it handle dependency injection between versions?

It includes strategies for downgrading Angular services for use in AngularJS and upgrading AngularJS services for use in modern Angular components via InjectionTokens.

Can I migrate my app incrementally?

Absolutely. The skill focuses heavily on the incremental hybrid approach using ngUpgrade, allowing you to migrate feature-by-feature rather than a total rewrite.

Does it help with transitioning from AngularJS routing?

Yes, the skill provides specific templates and logic for transitioning from the legacy $routeProvider to the modern Angular RouterModule.

Can it help convert AngularJS forms to Reactive forms?

Yes, it includes patterns for migrating both Template-driven and Reactive forms, which is the preferred standard for modern Angular applications.

Angular Migration Suite

Name: Angular Migration Suite
Author: wshobson

bywshobson

•

23,194

•

Developer Tools

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

This skill provides comprehensive guidance and implementation patterns for upgrading AngularJS (1.x) applications to modern Angular (2+) environments. It supports developers in managing complex migrations through hybrid app setups using ngUpgrade, converting directives into components, modernizing dependency injection patterns, and migrating legacy routing systems. Whether executing a complete rewrite or a feature-by-feature incremental migration, this skill ensures best practices are followed to maintain application stability and code quality during the transition process.

Key Features

01Hybrid application setup and ngUpgrade configuration

02Automated component and directive conversion patterns

03Dependency injection modernization and service interop

04Incremental routing and form migration strategies

05Detailed migration planning and timeline generation

0623,194 GitHub stars

Use Cases

01Converting complex AngularJS directives into high-performance Angular components

02Implementing a hybrid architecture to run legacy and modern components side-by-side

03Upgrading a large enterprise AngularJS application to Angular 17+ without downtime

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add wshobson/agents angular-migration

For use in Claude.ai and ChatGPT

Download Skill