What is the recommended strategy for large app migration?

The incremental hybrid approach is recommended for large applications, allowing you to run AngularJS and Angular side-by-side using the UpgradeModule while migrating features one by one.

Can I use modern Angular services in my legacy AngularJS code?

Yes, this skill provides patterns for downgrading Angular services using downgradeInjectable, making them available to your legacy AngularJS controllers and services.

Does this skill help with routing migration?

Yes, it includes specific guidance on transitioning from the AngularJS $routeProvider to the modern Angular RouterModule, including configuration for hybrid environments.

How do I migrate AngularJS directives to Angular?

The skill provides code templates to convert directive definitions into modern Angular components, including handling scope properties as @Input and @Output bindings.

Angular Migration Guide

Name: Angular Migration Guide
Author: Microck

byMicrock

•

개발자 도구

Facilitates the transition from legacy AngularJS 1.x to modern Angular using hybrid application patterns and incremental rewriting strategies.

The Angular Migration skill provides a comprehensive framework for modernizing legacy AngularJS applications. It guides developers through complex transition patterns including hybrid app setup using ngUpgrade, component and directive conversion, service migration, and dependency injection updates. Whether you are planning a full rewrite or an incremental feature-by-feature rollout, this skill offers best practices, code snippets, and structured timelines to ensure a smooth transition while maintaining application stability and continuous delivery.

주요 기능

01Dependency injection bridging between AngularJS and modern Angular

02Strategic routing and reactive form migration guides

03Phased migration timelines for project planning and execution

04Hybrid app setup patterns using ngUpgrade for side-by-side execution

05Detailed component and directive conversion templates

0681 GitHub stars

사용 사례

01Upgrading large-scale enterprise AngularJS 1.x applications to modern Angular

02Implementing a feature-by-feature migration strategy for continuous delivery

03Modernizing legacy dependency injection and service layers

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add microck/ordinary-claude-skills angular-migration

For use in Claude.ai and ChatGPT

Download Skill