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 ...

1.02x

Quality

86%

Does it follow best practices?

Impact

100%

1.02x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Evaluation results

100%

Angular Migration: Hybrid App Bootstrap

Hybrid app bootstrap setup

Criteria

Without context

With context

UpgradeModule imported in AppModule

100%

platformBrowserDynamic used

100%

AngularJS bootstrap inside .then()

100%

UpgradeModule.bootstrap called

100%

strictDi: true

100%

ngDoBootstrap overridden

100%

BrowserModule in AppModule

100%

UpgradeModule injected in constructor

100%

Correct AngularJS module name

100%

No manual AngularJS bootstrap

100%

Without context: $0.2122 · 2m 16s · 13 turns · 17 in / 2,857 out tokens

With context: $0.3610 · 3m 36s · 17 turns · 431 in / 3,377 out tokens

100%

Angular Migration: Service Layer Upgrade

Service migration and DI interop

Criteria

Without context

With context

@Injectable decorator used

100%

HttpClient used

100%

Observable return type

100%

downgradeInjectable used

100%

downgradeInjectable import source

100%

InjectionToken for legacy service

100%

useFactory with $injector

100%

No $http in Angular service

100%

HttpClient injected via constructor

100%

Migration notes present

100%

TypeScript used

100%

Without context: $0.2263 · 2m 36s · 13 turns · 20 in / 4,117 out tokens

With context: $0.4706 · 4m 26s · 23 turns · 279 in / 5,204 out tokens

100%

Angular Migration: UI Component Conversion

Component migration with Reactive Forms

Criteria

Without context

With context

@Input for patient data

100%

@Output for delete action

100%

No $scope in components

100%

Reactive Forms used

100%

FormBuilder injected

100%

Validators applied

100%

@Component decorators present

100%

EventEmitter import

100%

No ng-model in registration

100%

PatientService injected via constructor

100%

TypeScript used

100%

Observable subscription

100%

Without context: $0.1779 · 2m 52s · 12 turns · 18 in / 2,379 out tokens

With context: $0.3872 · 3m 29s · 21 turns · 25 in / 3,788 out tokens

Repository: boisenoise/skills-collections
Commit: 5c5ae21

Evaluated: 17 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Angular Migration: Hybrid App Bootstrap Angular Migration: Service Layer Upgrade Angular Migration: UI Component Conversion

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.