Angular Migration
Skill ActiveMigrate 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.
To assist developers in successfully migrating AngularJS applications to modern Angular frameworks by offering detailed strategies, code examples, and best practices.
Features
- AngularJS to Angular migration strategies
- Hybrid app setup guidance
- Component and service migration code examples
- Dependency injection and routing updates
- Forms migration patterns
Use Cases
- Migrating large AngularJS applications to Angular
- Planning and executing incremental framework upgrades
- Modernizing legacy Angular codebase
- Understanding hybrid AngularJS/Angular application architectures
Non-Goals
- Performing the migration automatically
- Providing runtime code execution or direct project modification
- Covering migrations to frameworks other than Angular
Versioning
- warning:Release ManagementWhile the repository has recent commits, there is no clear versioning signal (e.g., semantic version in frontmatter, CHANGELOG, or release tags) for the specific skill, and installation references 'main'.
Installation
First, add the marketplace
/plugin marketplace add wshobson/agents/plugin install framework-migration@claude-code-workflowsQuality Score
Trust Signals
Similar Extensions
React Modernization
99Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.
Angular Developer
100Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.
Layout Audit
100Layout and spacing audit covering grid, spacing consistency, density, responsive behavior
Deepinit
100Deep codebase initialization with hierarchical AGENTS.md documentation
Cleanup Cycles
100Detect and untangle circular dependencies. Runs madge/skott (TS), pycycle (Py), or compiler-only checks (Go/Rust). Auto-fixes leaf-extractable cycles; reports core cycles for human review. Use when the user asks to find circular imports, fix dependency cycles, or untangle module graph. Example queries — "find circular imports", "fix dependency cycles", "untangle our module graph", "why is madge complaining".
Netlify Identity
100Use when the task involves authentication, user signups, logins, password recovery, OAuth providers, role-based access control, or protecting routes and functions. Always use `@netlify/identity`. Never use `netlify-identity-widget` or `gotrue-js` — they are deprecated.