How does it handle dependency injection between the two frameworks?

The skill offers strategies for both downgrading Angular services for use in AngularJS and upgrading AngularJS services for use in modern Angular modules.

Does it include routing migration guidance?

Yes, it covers the transition from AngularJS route providers to the modern Angular Router, including path configuration and component mapping.

Is this suitable for large enterprise applications?

Yes, it is specifically designed for complex migrations, offering 'Vertical Slice' and 'Incremental' strategies to ensure the application remains functional throughout the process.

Can it help convert AngularJS directives to modern Angular components?

Absolutely. It provides specific patterns and code examples for transforming legacy directives and controllers into modern, class-based Angular components with inputs and outputs.

Does this skill support hybrid AngularJS/Angular applications?

Yes, it specializes in the incremental hybrid approach using ngUpgrade, allowing you to run both frameworks side-by-side during the transition period.

Angular Migration Expert

Name: Angular Migration Expert
Author: HermeticOrmus

byHermeticOrmus

•

开发者工具

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

This skill empowers Claude to guide developers through the complex process of migrating AngularJS (1.x) applications to modern Angular (2+). It provides specialized knowledge on setting up hybrid applications using ngUpgrade, converting directives into components, modernizing dependency injection patterns, and transitioning routing systems. Whether you are planning a full rewrite or an incremental feature-by-feature migration, this skill offers production-ready code patterns and strategic timelines to ensure a smooth architectural evolution while maintaining continuous delivery.

主要功能

012 GitHub stars

02Hybrid app configuration using ngUpgrade for side-by-side framework execution

03Template-driven and reactive forms migration with TypeScript support

04Strategic guidance for migrating services and dependency injection hierarchies

05Step-by-step migration timelines and architectural best practices for enterprise apps

06Automated patterns for converting AngularJS directives and controllers to Angular components

使用场景

01Incremental migration of large-scale enterprise AngularJS applications without downtime

02Modernizing legacy codebases to leverage the latest Angular features and TypeScript benefits

03Implementing vertical slice migrations for specific application modules and features

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