CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

81

1.06x
Quality

71%

Does it follow best practices?

Impact

100%

1.06x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./plugins/framework-migration/skills/angular-migration/SKILL.md
SKILL.md
Quality
Evals
Security

Evaluation results

100%

6%

Hybrid App Bootstrap for Legacy E-Commerce Platform

Hybrid app bootstrap setup

Criteria
Without context
With context

UpgradeModule imported in AppModule

100%

100%

BrowserModule in imports

100%

100%

ngDoBootstrap present

100%

100%

platformBrowserDynamic used

100%

100%

AngularJS bootstrapped in .then()

50%

100%

UpgradeModule from correct package

100%

100%

strictDi enabled

100%

100%

Correct bootstrap target

100%

100%

AngularJS module name passed

100%

100%

UpgradeModule injected in AppModule

100%

100%

100%

12%

Service Bridge in a Hybrid AngularJS/Angular Application

Cross-framework service sharing

Criteria
Without context
With context

downgradeInjectable imported

100%

100%

downgradeInjectable used correctly

100%

100%

InjectionToken used

100%

100%

useFactory with $injector

83%

100%

deps: ['$injector']

16%

100%

AuditLogService is @Injectable

100%

100%

HttpClient over $http

100%

100%

Observable return type

100%

100%

Correct upgrade/static import for downgrade

100%

100%

InjectionToken in NgModule providers

100%

100%

Bridge pattern explanation

100%

100%

100%

Migrate Employee Registration Feature to Angular

Component and form migration

Criteria
Without context
With context

Reactive Forms used

100%

100%

FormBuilder.group used

100%

100%

Validators applied

100%

100%

@Input for employee data

100%

100%

@Output with EventEmitter

100%

100%

HttpClient used

100%

100%

Observable return type

100%

100%

@Injectable providedIn root

100%

100%

subscribe() used

100%

100%

@Component decorator

100%

100%

No $scope usage

100%

100%

No ng-model in form

100%

100%

Repository
wshobson/agents
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

Table of Contents

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.