Angular Migration

dokhacgiakhoa/angular-migration

Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or modernizing legacy Angular code.

3k tokens

context cost

the whole folder, loaded on every use

files

instructions only

copies elsewhere

how many repositories repackaged it

505

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI --skill angular-migration

What comes with it

8 907 bytes besides the instruction

sub-skills/1-big-bang-complete-rewrite.md

sub-skills/2-incremental-hybrid-approach.md

sub-skills/3-vertical-slice.md

sub-skills/angularjs-controller-angular-component.md

sub-skills/angularjs-directive-angular-component.md

sub-skills/downgrading-angular-angularjs.md

sub-skills/upgrading-angularjs-angular.md

The instruction itself

14 sections, as written by the author

Angular Migration

Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration.

Use this skill when

Migrating AngularJS (1.x) applications to Angular (2+)
Running hybrid AngularJS/Angular applications
Converting directives to components
Modernizing dependency injection
Migrating routing systems
Updating to latest Angular versions
Implementing Angular best practices

Do not use this skill when

You are not migrating from AngularJS to Angular
The app is already on a modern Angular version
You need only a small UI fix without framework changes

Instructions

Assess the AngularJS codebase, dependencies, and migration risks.
Choose a migration strategy (hybrid vs rewrite) and define milestones.
Set up ngUpgrade and migrate modules, components, and routing.
Validate with tests and plan a safe cutover.

Safety

Avoid big-bang cutovers without rollback and staging validation.
Keep hybrid compatibility testing during incremental migration.

Migration Strategies

🧠 Knowledge Modules (Fractal Skills)

1. 1. Big Bang (Complete Rewrite)

2. 2. Incremental (Hybrid Approach)

3. 3. Vertical Slice

4. AngularJS Controller → Angular Component

5. AngularJS Directive → Angular Component

6. Downgrading Angular → AngularJS

7. Upgrading AngularJS → Angular

How to use it

Copy the folder

Take dokhacgiakhoa/angular-migration from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.