스킬 angular-migration
�

angular-migration

안전 ⚡ 스크립트 포함🌐 네트워크 접근📁 파일 시스템 액세스🔑 환경 변수⚙️ 외부 명령어

Planen einer AngularJS zu Angular-Migration

또한 다음에서 사용할 수 있습니다: sickn33

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

지원: Claude Codex Code(CC)
📊 69 적절함
1

스킬 ZIP 다운로드

2

Claude에서 업로드

설정 → 기능 → 스킬 → 스킬 업로드로 이동

3

토글을 켜고 사용 시작

테스트해 보기

"angular-migration" 사용 중입니다. I need a phased plan to migrate a medium AngularJS app with minimal downtime.

예상 결과:

  • 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

"angular-migration" 사용 중입니다. How do I convert an AngularJS service that uses $http to Angular HttpClient?

예상 결과:

  • 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

"angular-migration" 사용 중입니다. What are the differences between AngularJS and Angular dependency injection?

예상 결과:

  • 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

보안 감사

안전
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
스캔된 파일
587
분석된 줄 수
5
발견 사항
4
총 감사 수

위험 요인

⚡ 스크립트 포함
기록된 특정 위치가 없습니다
🌐 네트워크 접근
기록된 특정 위치가 없습니다
📁 파일 시스템 액세스
기록된 특정 위치가 없습니다
🔑 환경 변수
기록된 특정 위치가 없습니다
⚙️ 외부 명령어
기록된 특정 위치가 없습니다
감사자: claude 감사 이력 보기 →

품질 점수

38
아키텍처
100
유지보수성
85
콘텐츠
20
커뮤니티
100
보안
91
사양 준수

만들 수 있는 것

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.

이 프롬프트를 사용해 보세요

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.

모범 사례

  • 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

피하기

  • 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

자주 묻는 질문

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.

개발자 세부 정보

작성자

wshobson

라이선스

MIT

리포지토리

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

참조

main

파일 구조

📄 SKILL.md