Fähigkeiten angular-migration
�

angular-migration

Sicher ⚡ Enthält Skripte🌐 Netzwerkzugriff📁 Dateisystemzugriff🔑 Umgebungsvariablen⚙️ Externe Befehle

Planen einer AngularJS zu Angular-Migration

Legacy-AngularJS-Code blockiert moderne Funktionen und Wartung. Diese Fähigkeit bietet einen klaren, inkrementellen Migrationspfad mit Hybridmustern und Best Practices.

Unterstützt: Claude Codex Code(CC)
📊 71 Angemessen
1

Die Skill-ZIP herunterladen

2

In Claude hochladen

Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen

3

Einschalten und loslegen

Teste es

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

Erwartetes Ergebnis:

  • Wählen Sie eine Hybrid-Strategie mit ngUpgrade für den parallelen Betrieb
  • Beginnen Sie mit der Migration geteilter Dienste und Utilities zu TypeScript
  • Konvertieren Sie das Routing zum Angular Router bei Beibehaltung der AngularJS-Routen
  • Migrieren Sie eine Funktion nach der anderen mit kontinuierlichem Testen
  • Entfernen Sie AngularJS-Abhängigkeiten während der finalen Bereinigungsphase

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

Erwartetes Ergebnis:

  • Ersetzen Sie $http durch HttpClient von @angular/common/http
  • Konvertieren Sie Promise-basierte .then()-Aufrufe zu RxJS Observable .subscribe()
  • Verwenden Sie @Injectable-Decorator und providedIn root für DI
  • Behalten Sie eine ähnliche Service-Schnittstelle bei, um Änderungen downstream zu reduzieren

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

Erwartetes Ergebnis:

  • Angular verwendet Constructor-Injection mit @Inject-Decorators
  • Ersetzen Sie Factory/Service-Factories durch @Injectable-Klassen
  • Verwenden Sie downgradeInjectable für Angular-Dienste, die von AngularJS verwendet werden
  • Verwenden Sie upgradeInjection für AngularJS-Dienste, die von Angular verwendet werden

Sicherheitsaudit

Sicher
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
Gescannte Dateien
587
Analysierte Zeilen
5
befunde
4
Gesamtzahl Audits

Risikofaktoren

⚡ Enthält Skripte
Keine spezifischen Standorte aufgezeichnet
🌐 Netzwerkzugriff
Keine spezifischen Standorte aufgezeichnet
📁 Dateisystemzugriff
Keine spezifischen Standorte aufgezeichnet
🔑 Umgebungsvariablen
Keine spezifischen Standorte aufgezeichnet
⚙️ Externe Befehle
Keine spezifischen Standorte aufgezeichnet
Auditiert von: claude Audit-Verlauf anzeigen →

Qualitätsbewertung

38
Architektur
100
Wartbarkeit
85
Inhalt
29
Community
100
Sicherheit
91
Spezifikationskonformität

Was du bauen kannst

Migrations-Roadmap

Erstellen Sie einen phasierten Plan und entscheiden Sie zwischen Hybrid oder vollständiger Neuschreibung.

Komponenten-Konvertierungsleitfaden

Konvertieren Sie Controller und Direktiven in Angular-Komponenten.

Aufwandsschätzung

Erstellen Sie einen realistischen Zeitplan mit Phasen und Meilensteinen.

Probiere diese Prompts

Migrationsübersicht 
Geben Sie einen einfachen Migrationsplan für eine kleine AngularJS-App, einschließlich Strategieauswahl und Hauptrisiken.
Hybrid-Bootstrap 
Geben Sie Schritte zum Einrichten einer hybriden AngularJS- und Angular-App mit ngUpgrade und manuellem Bootstrap.
Direktive zu Komponente 
Erklären Sie, wie eine AngularJS-Direktive mit isoliertem Scope in eine Angular-Komponente mit Inputs und Outputs konvertiert wird.
Vollständiger Migrationsplan 
Erstellen Sie einen phasierten Migrationsplan mit vertikalen Slices, DI-Änderungen, Routing-Migration und Testanleitung.

Bewährte Verfahren

  • Beginnen Sie mit Diensten, um UI-Fluktuation während der Migration zu reduzieren
  • Migrieren Sie inkrementell mit kontinuierlichem Testen in jedem Schritt
  • Übernehmen Sie TypeScript und den Angular-Styleguide von Anfang an

Vermeiden

  • Migrieren von UI-Komponenten bevor Kerndienste migriert wurden
  • Mischen von AngularJS- und Angular-Mustern innerhalb einer einzelnen Komponente
  • Überspringen der Hybrid-App-Einrichtung und umfassenden Tests

Häufig gestellte Fragen

Ist dies mit allen AngularJS-Versionen kompatibel?
Es zielt auf AngularJS 1.x und Angular 2+ Migrationsmuster ab.
Was sind die Hauptgrenzen dieser Fähigkeit?
Es bietet Anleitung und Beispiele, keine automatisierten Codeänderungen.
Kann ich dies in meine bestehenden Build-Tools integrieren?
Ja, verwenden Sie es zusammen mit Ihrer aktuellen CLI und Build-Pipeline.
Greift es auf meinen Quellcode oder Daten zu?
Nein, es bietet nur Anleitung und Beispiele.
Was tun, wenn meine Hybrid-App nicht bootet?
Überprüfen Sie UpgradeModule-Einrichtung, manuelle Bootstrap-Reihenfolge und strictDi-Einstellungen.
Wie unterscheidet sich dies von einer vollständigen Neuschreibung?
Es betont inkrementelle Migration zur Risiko- und Ausfallzeitenreduzierung.

Entwicklerdetails

Autor

wshobson

Lizenz

MIT

Repository

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

Ref

main

Dateistruktur

📄 SKILL.md