Habilidades angular-migration
�

angular-migration

Seguro ⚡ Contiene scripts🌐 Acceso a red📁 Acceso al sistema de archivos🔑 Variables de entorno⚙️ Comandos externos

Planificar una migración de AngularJS a Angular

El código heredado de AngularJS bloquea funciones modernas y mantenimiento. Esta habilidad proporciona una ruta de migración incremental clara con patrones híbridos y mejores prácticas.

Soporta: Claude Codex Code(CC)
📊 71 Adecuado
1

Descargar el ZIP de la skill

2

Subir en Claude

Ve a Configuración → Capacidades → Skills → Subir skill

3

Activa y empieza a usar

Pruébalo

Usando "angular-migration". Necesito un plan por fases para migrar una aplicación AngularJS mediana con tiempo de inactividad mínimo.

Resultado esperado:

  • Elegir una estrategia híbrida con ngUpgrade para operación en paralelo
  • Comenzar migrando servicios compartidos y utilidades a TypeScript
  • Convertir enrutamiento a Angular Router mientras se mantienen rutas de AngularJS
  • Migrar una característica a la vez con pruebas continuas
  • Eliminar dependencias de AngularJS durante la fase de limpieza final

Usando "angular-migration". ¿Cómo convierto un servicio AngularJS que usa $http a Angular HttpClient?

Resultado esperado:

  • Reemplazar $http por HttpClient de @angular/common/http
  • Convertir llamadas basadas en promesas .then() a suscripciones RxJS Observable .subscribe()
  • Usar decorador @Injectable y providedIn root para DI
  • Mantener la interfaz del servicio similar para reducir cambios posteriores

Usando "angular-migration". ¿Cuáles son las diferencias entre la inyección de dependencias de AngularJS y Angular?

Resultado esperado:

  • Angular usa inyección de constructor con decoradores @Inject
  • Reemplazar fábricas de factory/service con clases @Injectable
  • Usar downgradeInjectable para servicios de Angular usados por AngularJS
  • Usar upgradeInjection para servicios de AngularJS usados por Angular

Auditoría de seguridad

Seguro
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
Archivos escaneados
587
Líneas analizadas
5
hallazgos
4
Auditorías totales

Factores de riesgo

⚡ Contiene scripts
No se registraron ubicaciones específicas
🌐 Acceso a red
No se registraron ubicaciones específicas
📁 Acceso al sistema de archivos
No se registraron ubicaciones específicas
🔑 Variables de entorno
No se registraron ubicaciones específicas
⚙️ Comandos externos
No se registraron ubicaciones específicas
Auditado por: claude Ver historial de auditorías →

Puntuación de calidad

38
Arquitectura
100
Mantenibilidad
85
Contenido
29
Comunidad
100
Seguridad
91
Cumplimiento de la especificación

Lo que puedes crear

Hoja de ruta de migración

Crear un plan por fases y decidir entre híbrido o reescritura completa.

Guía de conversión de componentes

Convertir controladores y directivas en componentes Angular.

Estimación de esfuerzo

Redactar un cronograma realista con fases e hitos.

Prueba estos prompts

Resumen de migración 
Proporciona un plan de migración simple para una aplicación AngularJS pequeña, incluyendo elección de estrategia y riesgos clave.
Arranque híbrido 
Proporciona los pasos para configurar una aplicación híbrida de AngularJS y Angular con ngUpgrade y arranque manual.
De directiva a componente 
Explica cómo convertir una directiva AngularJS con scope aislado a un componente Angular con inputs y outputs.
Plan de migración completo 
Crea un plan de migración por fases con slices verticales, cambios de DI, migración de enrutamiento y guía de pruebas.

Mejores prácticas

  • Comenzar con servicios para reducir cambios de UI durante la migración
  • Migrar incrementalmente con pruebas continuas en cada paso
  • Adoptar TypeScript y guía de estilos de Angular desde el principio

Evitar

  • Migrar componentes de UI antes de migrar servicios principales
  • Mezclar patrones de AngularJS y Angular dentro de un solo componente
  • Omitir configuración de aplicación híbrida y pruebas exhaustivas

Preguntas frecuentes

¿Es compatible con todas las versiones de AngularJS?
Apunta a patrones de migración de AngularJS 1.x y Angular 2+.
¿Cuáles son los límites principales de esta habilidad?
Proporciona orientación y ejemplos, no cambios de código automatizados.
¿Puedo integrarla con mis herramientas de compilación existentes?
Sí, úsala junto con tu CLI actual y pipeline de compilación.
¿Accede a mi código fuente o datos?
No, solo proporciona orientación y ejemplos.
¿Qué pasa si mi aplicación híbrida no puede arrancar?
Revisa la configuración de UpgradeModule, orden de arranque manual y configuraciones strictDi.
¿Cómo se compara esto con una reescritura completa?
Enfatiza la migración incremental para reducir riesgo y tiempo de inactividad.

Detalles del desarrollador

Autor

wshobson

Licencia

MIT

Repositorio

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

Ref.

main

Estructura de archivos

📄 SKILL.md