angular-migration

Name: angular-migration
Availability: InStock
Author: jhabbig

Plan and execute incremental AngularJS to Angular migrations with ngUpgrade interop.

Updated Apr 5, 2026

Search Tags:#routing #angular #migration #angularjs #forms #dependency injection #hybrid app

Ready to run

npx skills add https://github.com/Jhabbig/Habbig --skill angular-migration-jhabbig

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: angular-migration
Source: https://github.com/Jhabbig/Habbig/tree/main/.claude/plugins/wshobson/framework-migration/skills/angular-migration
Command: npx skills add https://github.com/Jhabbig/Habbig --skill angular-migration-jhabbig

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams move legacy AngularJS applications to modern Angular without a risky big-bang rewrite, reducing migration downtime and preserving existing functionality during the transition.

Core Features & Use Cases

Hybrid Migration Planning: Run AngularJS and Angular side by side while you migrate feature by feature.
Component Conversion: Replace controllers and directives with Angular components and services.
Architecture Updates: Modernize dependency injection, routing, and forms to match Angular best practices.
Use Case: A large enterprise app can keep shipping while teams incrementally convert high-value screens, shared services, and navigation flows to Angular.

Quick Start

Migrate the attached AngularJS application to Angular using a hybrid approach and convert the most important components, services, and routes first.

Frequently Asked Questions about angular-migration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I migrate an AngularJS application to Angular without a big-bang rewrite?▼

Migrate AngularJS to Angular incrementally using a hybrid approach with ngUpgrade. This allows both frameworks to run side by side, preserving existing functionality while you rewrite features, services, and routes one by one.

What is the best way to convert AngularJS directives to Angular components?▼

The best way to convert AngularJS directives is through a staged, component-oriented transition. Replace controllers and directives with Angular components and services, bridging them via dependency injection to maintain a safe transition.

Does ngUpgrade support running AngularJS and Angular side by side during migration?▼

Yes, ngUpgrade supports running AngularJS and Angular side by side in a hybrid application. This interop layer bridges dependency injection and routing, allowing teams to ship updates while incrementally upgrading components.

How do I modernize AngularJS routing and forms when upgrading to Angular?▼

Modernize AngularJS routing and forms by updating architecture to match Angular best practices during the migration. This involves converting routing configurations and form logic to Angular equivalents while bridging them in the hybrid app.

Can I migrate AngularJS services incrementally using dependency injection bridging?▼

Yes, you can migrate AngularJS services incrementally using dependency injection bridging. This technique allows Angular components to consume AngularJS services and vice versa during the hybrid application transition period.