Does it support migrating AngularJS directives?

Absolutely. It provides clear templates for converting both simple and complex directives into modern Angular components with @Input and @Output properties.

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

The Incremental or Hybrid approach is usually best for large apps. It uses ngUpgrade to run AngularJS and Angular side-by-side, allowing you to migrate feature-by-feature while maintaining continuous delivery.

Can I migrate from UI-Router to the Angular Router with this skill?

Yes, the skill includes mapping strategies and configuration examples to help transition your routing logic to the modern Angular Routing module.

How does this skill help with dependency injection?

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

Angular Migration Assistant

Name: Angular Migration Assistant
Author: Microck

byMicrock

•

Productivity & Workflow

Guides the systematic migration of legacy AngularJS applications to modern Angular using hybrid strategies and component-based refactoring.

The Angular Migration Assistant is a specialized skill designed to navigate the complexities of upgrading legacy AngularJS (1.x) systems to modern Angular frameworks. It provides comprehensive patterns for hybrid application setup using ngUpgrade, enabling developers to run both frameworks side-by-side for an incremental, low-risk transition. This skill streamlines the conversion of controllers to components, factories to services, and legacy routing to the modern Angular Router, ensuring that legacy codebases can be modernized without a complete 'big bang' rewrite.

Key Features

01Hybrid app configuration using UpgradeModule for incremental migration

02Forms modernization patterns for both Template-driven and Reactive forms

0381 GitHub stars

04Step-by-step patterns for converting AngularJS directives to Angular components

05Dependency injection bridging techniques for cross-framework communication

06Standardized routing migration from ngRoute/UI-Router to Angular Router

Use Cases

01Refactoring legacy JavaScript controllers into Type-safe Angular components

02Setting up co-existence environments to build new features in Angular while maintaining legacy code

03Incremental modernization of large-scale enterprise AngularJS applications

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