angular-migration

Migrate AngularJS 1.x apps to Angular 2+ via hybrid mode.

Updated Apr 19, 2026
One-click install
npx skills add https://github.com/ArogyaReddy/https-github.com-wshobson-agents --skill angular-migration-arogyareddy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular-migration
Source: https://github.com/ArogyaReddy/https-github.com-wshobson-agents/tree/main/plugins/framework-migration/skills/angular-migration
Command: npx skills add https://github.com/ArogyaReddy/https-github.com-wshobson-agents --skill angular-migration-arogyareddy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Migrates AngularJS (1.x) applications to Angular (2+) using hybrid mode, incremental component rewriting, and updated dependency injection and routing to modern Angular architectures without breaking existing functionality.

Core Features & Use Cases

  • Hybrid app setup with UpgradeModule to bootstrap AngularJS and Angular in the same runtime
  • Incremental migration strategy: migrate features one by one while preserving user experience
  • Component and service migration patterns, including directive-to-component conversions and DI changes
  • Routing and migration planning for modern Angular conventions with phased deployment

Quick Start

Boot a hybrid AngularJS/Angular project using UpgradeModule and progressively migrate features one by one.

Frequently Asked Questions about angular-migration

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

FAQPage Schema
How do I migrate AngularJS to Angular without breaking existing functionality?

Migrate AngularJS to Angular using hybrid mode with UpgradeModule to bootstrap both frameworks in the same runtime, enabling incremental migration of features one by one while preserving user experience.

What is the best way to set up a hybrid Angular and AngularJS application?

Set up a hybrid Angular and AngularJS application by configuring UpgradeModule in your main.ts and app.module files to bootstrap both frameworks together, allowing gradual migration of components and services.

Can I incrementally rewrite AngularJS directives as Angular components?

Yes, incrementally rewrite AngularJS directives as Angular components using a staged migration plan that converts directives to components and upgrades dependency injection progressively without disrupting the app.

How do I handle routing migration when upgrading from AngularJS to Angular?

Handle routing migration by planning staged cycles that transition AngularJS routes to modern Angular conventions, integrating new routing setups progressively as features are moved into the Angular architecture.

Do I need Angular CLI tooling to upgrade an AngularJS project incrementally?

Yes, Angular CLI tooling is required to upgrade an AngularJS project incrementally, providing the build and scaffolding infrastructure needed to support hybrid mode bootstrapping and gradual component rewriting.

When should I avoid using hybrid mode for AngularJS migration?

Avoid hybrid mode for AngularJS migration if your project cannot support running both frameworks simultaneously or if you lack the resources to maintain a staged migration plan for dependency injection and routing transitions.