Does this skill help with routing changes?

Yes, it includes specific guidance for migrating from AngularJS ngRoute or UI-Router to the modern Angular RouterModule.

Is it possible to migrate from JavaScript to TypeScript using this skill?

Absolutely. The skill emphasizes transitioning to TypeScript early in the migration process to leverage better type safety and Angular's class-based architecture.

Can I migrate my application incrementally without a total rewrite?

Yes, this skill specializes in the Hybrid (Incremental) approach, allowing you to run AngularJS and Angular side-by-side using the UpgradeModule.

How does it handle AngularJS services?

It provides patterns for 'upgrading' legacy services so they can be injected into new Angular components, and 'downgrading' new Angular services for use in legacy code.

Angular Migration

Name: Angular Migration
Author: HermeticOrmus

byHermeticOrmus

0•

Developer Tools

Migrates legacy AngularJS applications to modern Angular using hybrid modes, incremental refactoring, and dependency injection updates.

This skill provides a comprehensive framework for transitioning from AngularJS (1.x) to modern Angular versions. It guides developers through complex migration strategies including the hybrid approach (ngUpgrade), big-bang rewrites, and vertical slice migrations. By providing standardized patterns for converting controllers to components, factories to services, and scope-based logic to reactive patterns, this skill minimizes the technical debt and architectural friction typically associated with framework modernization projects.

Key Features

010 GitHub stars

02Incremental component and directive conversion patterns

03Hybrid application setup using UpgradeModule

04Dependency injection bridging between legacy and modern code

05Automated migration timeline and strategy planning

06Routing migration from ngRoute/UI-Router to Angular Router

Use Cases

01Converting legacy JavaScript controllers and services into TypeScript classes

02Modernizing enterprise AngularJS 1.x applications to Angular 2+

03Running AngularJS and Angular side-by-side during a phased rollout

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/after-the-third-cup angular-migration

For use in Claude.ai and ChatGPT

Download Skill