스킬 angular-migration
�

angular-migration

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

規劃 AngularJS 到 Angular 的遷移

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

傳統的 AngularJS 程式碼阻礙了現代功能和維護。這個技能提供了一條清晰的增量遷移路徑，包含混合模式和最佳實踐。

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

스킬 ZIP 다운로드

2

Claude에서 업로드

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

3

토글을 켜고 사용 시작

테스트해 보기

"angular-migration" 사용 중입니다. 我需要一個階段性計劃來遷移中型 AngularJS 應用程式，並將停機時間降到最低。

예상 결과:

  • 選擇使用 ngUpgrade 的混合策略以並存運作
  • 首先將共用服務和工具遷移至 TypeScript
  • 在保持 AngularJS 路由的同時將路由轉換為 Angular Router
  • 每次遷移一個功能並持續測試
  • 在最終清理階段移除 AngularJS 依賴

"angular-migration" 사용 중입니다. 如何將使用 $http 的 AngularJS 服務轉換為 Angular HttpClient？

예상 결과:

  • 將 $http 替換為來自 @angular/common/http 的 HttpClient
  • 將基於 Promise 的 .then() 呼叫轉換為 RxJS Observable 的 .subscribe()
  • 使用 @Injectable 裝飾器和 providedIn 進行 DI
  • 保持服務介面相似以減少下游變更

"angular-migration" 사용 중입니다. AngularJS 和 Angular 依賴注入之間有什麼差異？

예상 결과:

  • Angular 使用帶有 @Inject 裝飾子的建構函式注入
  • 將工廠/服務工廠替換為 @Injectable 類別
  • 對於 AngularJS 使用的 Angular 服務使用 downgradeInjectable
  • 對於 Angular 使用的 AngularJS 服務使用 upgradeInjection

보안 감사

안전
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
사양 준수

만들 수 있는 것

遷移路線圖

建立階段性計劃，並在混合或完整重寫之間做出決定。

元件轉換指南

將控制器和指令轉換為 Angular 元件。

工作量估算

制定包含階段和里程碑的實際時間表。

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

遷移概覽 
提供小型 AngularJS 應用程式的簡易遷移計劃，包括策略選擇和主要風險。
混合引導 
提供使用 ngUpgrade 和手動引導來設定混合 AngularJS 和 Angular 應用程式的步驟。
指令轉元件 
說明如何將具有隔離範圍的 AngularJS 指令轉換為具有輸入和輸出的 Angular 元件。
完整遷移計劃 
建立包含垂直切片、DI 變更、路由遷移和測試指導的階段性遷移計劃。

모범 사례

  • 從服務開始，以減少遷移期間的 UI 變動
  • 逐步遷移，每個步驟都進行持續測試
  • 從一開始就採用 TypeScript 和 Angular 風格指南

피하기

  • 在核心服務遷移之前遷移 UI 元件
  • 在單個元件中混合 AngularJS 和 Angular 模式
  • 跳過混合應用設定和全面測試

자주 묻는 질문

這是否相容於所有 AngularJS 版本？
它針對 AngularJS 1.x 和 Angular 2+ 的遷移模式。
這個技能的主要限制是什麼？
它提供指導和範例，而不是自動化的程式碼變更。
我可以與現有的建置工具整合嗎？
可以，您可以將它與您目前的 CLI 和建置流程一起使用。
它會存取我的原始碼或資料嗎？
不，它只提供指導和範例。
如果我的混合應用程式無法引導怎麼辦？
檢查 UpgradeModule 設定、手動引導順序和 strictDi 設定。
這與完整重寫相比如何？
它強調增量遷移以減少風險和停機時間。

개발자 세부 정보

작성자

wshobson

라이선스

MIT

리포지토리

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

참조

main

파일 구조

📄 SKILL.md