Agent skill · software engineering · aiskillstore
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.
Why this skill is useful
Provides specific migration strategies and code examples for transitioning from AngularJS to Angular that the AI wouldn't reliably generate on its own.
What it needs
About 4k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Angular Migration Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration. When to Use This Skill 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 Migration Strategies 1. Big Bang (Complete Rewrite) Rewrite entire app in Angular Parallel development Switch over at once Best for: Small apps, green field projects 2. Incremental (Hybrid Approach) Run AngularJS and Angular side-by-side Migrate feature by feature ngUpgrade for interop Best for: Large apps, continuous delivery 3. Vertical Slice Migrate one feature completely New features in Angular, maintain old in AngularJS Gradually replace Best for: Medium apps, distinct features Hybrid App Setup Component Migration AngularJS Controller → Angular Component AngularJS Directive → Angular Component Service Migration Dependency Injection Changes Downgrading Angular → AngularJS Upgrading AngularJS → Angular Routing Migration Forms Migration Migration Timeline Resources references/hybrid-mode.md: Hybrid app patterns references/component-migration.md: Component conversion guide references/dependency-injection.md: DI migration strategies references/routing.md: Routing migration assets/hybrid-bootstrap.ts: Hybrid app template assets/migration-timeline.md: Project planning scripts/analyze-angular-app.sh: App analysis script Best Practices 1. Start with Services: Migrate services first (easier) 2. Incremental Approach: Feature-by-feature migration 3. Test Continuously: Test at every step 4. Use TypeScript: Migrate to TypeScript early 5. Follow Style Guide: Angular style guide from day 1 6. Optimize Later: Get it working, then optimize 7. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/angular-migration--16de66