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.