Is a complete rewrite better than a hybrid migration?

A complete rewrite is ideal for small, greenfield projects, but the hybrid approach supported by this skill is better for enterprise apps requiring continuous delivery.

Does this skill support dependency injection between frameworks?

Absolutely. It includes strategies for downgrading modern Angular services for AngularJS use and upgrading legacy services for modern Angular components.

What is the best strategy for migrating large AngularJS apps?

The incremental hybrid approach using ngUpgrade is recommended for large apps, as it allows you to run both frameworks side-by-side and migrate feature-by-feature.

Can I convert AngularJS directives to Angular components using this skill?

Yes, the skill provides specific patterns and code templates to transform legacy directives into modern Angular component architectures with Inputs and Outputs.

Angular Migration & Modernization

Name: Angular Migration & Modernization
Author: HermeticOrmus

byHermeticOrmus

•

开发者工具

Facilitates the transition from legacy AngularJS applications to modern Angular frameworks using hybrid modes and incremental component rewrites.

This skill provides specialized guidance for developers modernizing legacy web applications by migrating from AngularJS (1.x) to modern Angular (2+). It offers comprehensive patterns for setting up hybrid applications with ngUpgrade, converting directives into standalone components, updating dependency injection systems, and transitioning routing and forms. Ideal for managing large-scale migrations, it helps maintain application stability while systematically reducing technical debt through feature-by-feature refactoring and clear architectural guidance.

主要功能

01Automated hybrid app setup patterns using ngUpgrade and UpgradeModule

02Step-by-step component and directive conversion strategies

03Cross-framework dependency injection (downgrading and upgrading services)

04Phased migration planning and architectural analysis tools

052 GitHub stars

06Legacy routing and form migration to modern Reactive Forms and RouterModule

使用场景

01Migrating complex enterprise AngularJS applications to modern Angular versions

02Maintaining side-by-side hybrid environments for continuous delivery during refactors

03Refactoring legacy controllers and directives into reusable Angular components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/libreuiux-claude-code angular-migration

For use in Claude.ai and ChatGPT

Download Skill