angular-migration

Migrates AngularJS (1.x) apps to Angular (2+) via hybrid UpgradeModule integration.

4|Updated Mar 3, 2026
One-click install
npx skills add https://github.com/AI-Foundry-Core/ril-agents --skill angular-migration-ai-foundry-core
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-migration
Source: https://github.com/AI-Foundry-Core/ril-agents/tree/main/plugins/framework-migration/skills/angular-migration
Command: npx skills add https://github.com/AI-Foundry-Core/ril-agents --skill angular-migration-ai-foundry-core

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Migrate AngularJS (1.x) applications to Angular (2+) using hybrid mode, enabling incremental component rewriting and updated dependency injection.

Core Features & Use Cases

  • Hybrid bootstrapping with UpgradeModule to run AngularJS and Angular side-by-side during migration
  • Incremental component and service migration to minimize risk
  • Updated routing and dependency injection strategies for modern Angular apps
  • Suitable for planning large-scale migrations or modernizing legacy Angular codebases

Quick Start

Establish a hybrid project structure and migrate a feature at a time.

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 applications to Angular incrementally?▼

Migrate AngularJS applications to Angular incrementally by establishing a hybrid project structure using UpgradeModule, allowing you to run both frameworks side-by-side and rewrite components one feature at a time to minimize risk.

What is hybrid bootstrapping in an AngularJS to Angular migration?▼

Hybrid bootstrapping uses UpgradeModule to run AngularJS and Angular side-by-side during migration. This mechanism supports incremental component rewriting and updated dependency injection while maintaining your application's operational state.

Does this migration approach support updating routing and dependency injection?▼

Yes, this migration approach supports updated routing and dependency injection strategies. It facilitates routing updates and dependency injection changes across modules to modernize legacy AngularJS codebases into functional Angular applications.

Can I use incremental component migration for large-scale Angular upgrades?▼

Yes, you can use incremental component migration for large-scale Angular upgrades. This approach is suitable for planning large-scale migrations, enabling gradual upgrades of legacy projects through a feature-by-feature component and service rewriting timeline.

When do I need hybrid mode for migrating legacy Angular codebases?▼

You need hybrid mode when modernizing legacy Angular codebases gradually and want to minimize risk. It applies to projects undergoing gradual upgrades, allowing component and service migration without requiring a complete immediate rewrite.

What is the best way to handle dependency injection changes when upgrading AngularJS?▼

The best way to handle dependency injection changes when upgrading AngularJS is implementing updated dependency injection strategies within a hybrid bootstrap structure, converting components and services incrementally across modules during the migration timeline.