Angular Migration
Skill AktivMigrate 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.
Funktionen
- AngularJS to Angular migration strategies
- Hybrid app setup guidance
- Component and service migration code examples
- Dependency injection and routing updates
- Forms migration patterns
Anwendungsfälle
- Migrating large AngularJS applications to Angular
- Planning and executing incremental framework upgrades
- Modernizing legacy Angular codebase
- Understanding hybrid AngularJS/Angular application architectures
Nicht-Ziele
- 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
Zuerst Marketplace hinzufügen
/plugin marketplace add wshobson/agents/plugin install framework-migration@claude-code-workflowsQualitätspunktzahl
Vertrauenssignale
Ähnliche Erweiterungen
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
100Generiert Angular-Code und bietet architektonische Anleitungen. Auslösen bei der Erstellung von Projekten, Komponenten oder Diensten oder für Best Practices zur Reaktionsfähigkeit (Signale, linkedSignal, Ressource), Formulare, Dependency Injection, Routing, SSR, Barrierefreiheit (ARIA), Animationen, Styling (Komponentenstile, Tailwind CSS), Tests oder CLI-Tools.
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
100Verwenden Sie dies, wenn die Aufgabe Authentifizierung, Benutzerregistrierungen, Anmeldungen, Passwortwiederherstellung, OAuth-Anbieter, rollenbasierte Zugriffskontrolle oder den Schutz von Routen und Funktionen beinhaltet. Verwenden Sie immer `@netlify/identity`. Verwenden Sie niemals `netlify-identity-widget` oder `gotrue-js` – diese sind veraltet.