Does it provide code examples for service migration?

Absolutely. It provides specific patterns for converting AngularJS factories and services into Angular @Injectable classes using TypeScript.

Does this skill cover routing migration?

Yes, it provides a clear path for transitioning from AngularJS $routeProvider or UI-Router configurations to the modern Angular RouterModule.

Can I use this skill for a partial or incremental migration?

Yes, the skill emphasizes the incremental Hybrid Approach using ngUpgrade to run both AngularJS and Angular frameworks simultaneously in the same application.

Will this help me move from JavaScript to TypeScript?

Yes, the migration patterns are built on TypeScript and follow the official Angular Style Guide to ensure your code is modernized as it is migrated.

How does the skill handle dependency injection between frameworks?

It includes strategies for both 'downgrading' Angular services so they can be used in AngularJS and 'upgrading' legacy services for use in new Angular components.

Angular Framework Migration

Name: Angular Framework Migration
Author: HermeticOrmus

byHermeticOrmus

0•

Developer Tools

Simplifies the transition from legacy AngularJS to modern Angular using hybrid strategies and component-based rewrite patterns.

The Angular Migration skill provides a comprehensive toolkit for modernizing legacy AngularJS (1.x) applications. It supports multiple migration strategies, including full rewrites and incremental hybrid deployments using ngUpgrade. The skill offers practical patterns for converting directives to components, migrating services to TypeScript, and bridging dependency injection and routing systems between frameworks. Whether you are planning a complete architectural overhaul or a feature-by-feature transition, this skill ensures best practices are followed to maintain application stability throughout the migration lifecycle.

Key Features

01Component conversion patterns for legacy AngularJS controllers and directives

02Routing migration strategies for seamless navigation transitions

03Standardized migration timelines and phase-based planning

040 GitHub stars

05Hybrid application setup using ngUpgrade for side-by-side execution

06Dependency injection bridging between legacy and modern modules

Use Cases

01Modernizing legacy enterprise AngularJS 1.x applications to current Angular versions

02Implementing a hybrid architecture to allow continuous delivery during a framework migration

03Converting complex AngularJS directives into modular, typed Angular components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/hermetic-line angular-migration

For use in Claude.ai and ChatGPT

Download Skill