angular-migration

Migrate AngularJS applications to Angular with hybrid app strategies.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

AngularJS (1.x) to Angular migrations can be high-risk and slow; this Skill provides migration guidance, hybrid strategies, and component-based modernization patterns to accelerate safe upgrades.

Core Features & Use Cases

  • Hybrid migration strategies to run AngularJS and Angular side-by-side during transition.
  • Converting AngularJS directives and controllers into Angular components and services for maintainable code.
  • Routing, dependency-injection updates, and tooling guidance with a clear upgrade path for large codebases.
  • Best practices for incremental delivery and risk mitigation during framework upgrades.

Quick Start

Scaffold a hybrid app and begin mapping AngularJS components to Angular equivalents for an incremental upgrade.

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 app to Angular without a complete rewrite?

Migrate AngularJS to Angular by enabling a hybrid app with ngUpgrade, allowing both frameworks to run side-by-side while you incrementally convert directives and controllers into components.

What is the best way to update routing and dependency injection when upgrading AngularJS?

The best way to upgrade routing and dependency injection is mapping AngularJS equivalents to modern Angular structures, ensuring a clear upgrade path for large codebases during the transition.

What hybrid migration strategies are available for large AngularJS codebases?

Available hybrid migration strategies include Big Bang, Incremental, and Vertical Slice approaches, providing structured modernization paths for mid- to large-scale AngularJS projects.

Does ngUpgrade support running AngularJS and Angular components side-by-side?

Yes, ngUpgrade supports interoperability by running AngularJS and Angular components side-by-side in a hybrid application, enabling incremental delivery and risk mitigation during framework upgrades.

How do I convert AngularJS directives and controllers into Angular components?

Convert AngularJS directives and controllers by mapping them to modern Angular components and services, utilizing hybrid app scaffolding to maintain maintainable code during the incremental upgrade.