Can I migrate my routing system incrementally?

Yes, the skill includes strategies for transitioning from UI-Router or ngRoute to the modern Angular Router, often starting with a top-level bridge.

Does this skill help with converting AngularJS directives?

Absolutely. It provides mapping guides to convert DDO (Directive Definition Objects) into modern Angular @Component decorators with proper Input and Output bindings.

How does this skill handle dependency injection between versions?

It provides specific patterns for 'upgrading' AngularJS services so they can be injected into Angular components, and 'downgrading' modern Angular services for use in legacy AngularJS controllers.

What is the best strategy for migrating a large AngularJS app?

The Incremental or Hybrid approach is usually best for large apps, as it allows you to run AngularJS and modern Angular side-by-side using ngUpgrade, migrating feature by feature without a full stop.

Angular Migration Assistant

Name: Angular Migration Assistant
Author: Microck

byMicrock

•

開発者ツール

Accelerates the transition from legacy AngularJS to modern Angular frameworks using hybrid strategies, component conversion patterns, and dependency injection updates.

The Angular Migration skill is a comprehensive toolkit designed to guide developers through the complex process of upgrading legacy AngularJS (1.x) applications to modern Angular (2+). It provides specialized patterns for setting up hybrid applications using ngUpgrade, enabling side-by-side execution and incremental feature migration. The skill covers everything from converting directives into components and migrating services to modernizing routing and forms, making it an essential resource for teams looking to eliminate technical debt while maintaining continuous delivery.

主な機能

01Hybrid app bootstrapping with ngUpgrade

02Automated component and directive conversion patterns

03Template-driven and reactive forms modernization

04Incremental migration planning and timelines

0581 GitHub stars

06Cross-framework dependency injection (upgrading/downgrading)

ユースケース

01Migrating large-scale legacy AngularJS applications to Angular 14+

02Running hybrid applications to deliver new features in modern Angular while maintaining old code

03Refactoring AngularJS controllers and services into TypeScript-based Angular architecture

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