How does it handle dependency injection between versions?

The skill provides strategies for both downgrading Angular services for use in AngularJS and upgrading AngularJS services for use in modern Angular components.

Can I use this for a total rewrite instead of an incremental migration?

Yes, while it excels at incremental 'Vertical Slice' migrations, it also provides guidance for 'Big Bang' rewrites for smaller applications.

Does it support converting AngularJS directives?

Yes, it includes detailed patterns for converting both AngularJS controllers and directives into modern Angular components with Inputs and Outputs.

Can this skill help with running hybrid AngularJS and Angular apps?

Yes, the skill provides specific configurations and code snippets for setting up the UpgradeModule to bootstrap hybrid applications.

Angular Migration

Name: Angular Migration
Author: ccf

byccf

0•

開発者ツール

Facilitates the modernization of legacy AngularJS applications to current Angular versions using hybrid modes and incremental refactoring patterns.

This skill equips Claude with specialized expertise to guide developers through the complex process of migrating legacy AngularJS (1.x) applications to modern Angular. It provides comprehensive patterns for hybrid app configurations using ngUpgrade, component-based refactoring for controllers and directives, and advanced dependency injection strategies for mixed-framework environments. By implementing vertical slice or incremental migration strategies, this skill helps teams modernize large-scale codebases without halting feature development, ensuring a stable transition to the latest Angular ecosystem.

主な機能

01Phased migration timelines and best practices for large-scale enterprise apps

02Hybrid application setup using ngUpgrade for side-by-side execution

03Routing system transition from ngRoute to modern Angular Router

04Dependency injection migration for downgrading and upgrading services

050 GitHub stars

06Pattern-based conversion of AngularJS controllers and directives to Angular components

ユースケース

01Implementing a phased migration strategy for large-scale web platforms

02Modernizing mission-critical legacy AngularJS 1.x applications

03Refactoring legacy dependency injection and routing systems to modern standards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ccf/claude-code-ccf-marketplace angular-migration

For use in Claude.ai and ChatGPT

Download Skill