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.