skills.rest
Jhabbig
JhabbigCOMMUNITY
Explore all skills by this author →
GitHub

angular-migration

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
One-click install
npx skills add https://github.com/Jhabbig/Habbig --skill angular-migration-jhabbig
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
ccfccf

angular-migration

Migrates AngularJS (1.x) applications to Angular (2+) with ngUpgrade-based hybrid setups.

Community
Advanced
EngineerWithAIEngineerWithAI
4

angular-migration

Migrate AngularJS applications to Angular with hybrid setup and component conversion.

Official
Advanced
sun2443sun2443

compliance-check

Assess proposed actions for applicable regulations, approvals, and risk areas.

Community
Intermediate
Sumeet138Sumeet138
1

angular-migration

Migrate AngularJS apps to Angular using ngUpgrade hybrid architecture.

Community
Advanced