Skills angular-migration
�

angular-migration

Safe ⚡ Contains scripts🌐 Network access📁 Filesystem access🔑 Env variables⚙️ External commands

Plan an AngularJS to Angular migration

Legacy AngularJS code blocks modern features and maintenance. This skill provides a clear, incremental migration path with hybrid patterns and best practices.

Supports: Claude Codex Code(CC)
📊 71 Adequate
1

Download the skill ZIP

2

Upload in Claude

Go to Settings → Capabilities → Skills → Upload skill

3

Toggle on and start using

Test it

Using "angular-migration". I need a phased plan to migrate a medium AngularJS app with minimal downtime.

Expected outcome:

  • Choose a hybrid strategy with ngUpgrade for side-by-side operation
  • Start by migrating shared services and utilities to TypeScript
  • Convert routing to Angular Router while maintaining AngularJS routes
  • Migrate one feature at a time with continuous testing
  • Remove AngularJS dependencies during final cleanup phase

Using "angular-migration". How do I convert an AngularJS service that uses $http to Angular HttpClient?

Expected outcome:

  • Replace $http with HttpClient from @angular/common/http
  • Convert promise-based .then() calls to RxJS Observable .subscribe()
  • Use @Injectable decorator and providedIn root for DI
  • Keep the service interface similar to reduce downstream changes

Using "angular-migration". What are the differences between AngularJS and Angular dependency injection?

Expected outcome:

  • Angular uses constructor injection with @Inject decorators
  • Replace factory/service factories with @Injectable classes
  • Use downgradeInjectable for Angular services used by AngularJS
  • Use upgradeInjection for AngularJS services used by Angular

Security Audit

Safe
v4 • 1/17/2026

Pure documentation skill containing only markdown files with educational code examples. No executable code, no network operations, no file system access. All static findings are false positives: markdown code block delimiters (```) misinterpreted as shell backticks, and JSON text fields with keywords triggering false pattern matches.

2
Files scanned
587
Lines analyzed
5
findings
4
Total audits

Risk Factors

⚡ Contains scripts
No specific locations recorded
🌐 Network access
No specific locations recorded
📁 Filesystem access
No specific locations recorded
🔑 Env variables
No specific locations recorded
⚙️ External commands
No specific locations recorded
Audited by: claude View Audit History →

Quality Score

38
Architecture
100
Maintainability
85
Content
29
Community
100
Security
91
Spec Compliance

What You Can Build

Migration roadmap

Create a phased plan and decide between hybrid or full rewrite.

Component conversion guide

Convert controllers and directives into Angular components.

Effort estimation

Draft a realistic timeline with phases and milestones.

Try These Prompts

Migration overview 
Give a simple migration plan for a small AngularJS app, including strategy choice and key risks.
Hybrid bootstrap 
Provide steps to set up a hybrid AngularJS and Angular app with ngUpgrade and manual bootstrap.
Directive to component 
Explain how to convert an AngularJS directive with isolated scope to an Angular component with inputs and outputs.
Full migration plan 
Create a phased migration plan with vertical slices, DI changes, routing migration, and testing guidance.

Best Practices

  • Start with services to reduce UI churn during migration
  • Migrate incrementally with continuous testing at each step
  • Adopt TypeScript and Angular style guide from the beginning

Avoid

  • Migrating UI components before core services are migrated
  • Mixing AngularJS and Angular patterns within a single component
  • Skipping hybrid app setup and comprehensive testing

Frequently Asked Questions

Is this compatible with all AngularJS versions?
It targets AngularJS 1.x and Angular 2+ migration patterns.
What are the main limits of this skill?
It provides guidance and examples, not automated code changes.
Can I integrate this with my existing build tools?
Yes, use it alongside your current CLI and build pipeline.
Does it access my source code or data?
No, it only provides guidance and examples.
What if my hybrid app fails to bootstrap?
Check UpgradeModule setup, manual bootstrap order, and strictDi settings.
How does this compare to a full rewrite?
It emphasizes incremental migration to reduce risk and downtime.

Developer Details

Author

wshobson

License

MIT

Repository

https://github.com/wshobson/agents/tree/main/plugins/framework-migration/skills/angular-migration

Ref

main

File structure

📄 SKILL.md