angular-migration
Planejar uma migração de AngularJS para Angular
Código legado do AngularJS bloqueia recursos modernos e manutenção. Esta skill fornece um caminho de migração incremental claro com padrões híbridos e boas práticas.
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "angular-migration". I need a phased plan to migrate a medium AngularJS app with minimal downtime.
Resultado esperado:
- Choose a hybrid strategy with ngUpgrade for side-by-side operation
- Start by migrating shared services and utilities to TypeScript
- Convert routing to Angular Router while maintaining AngularJS routes
- Migrate one feature at a time with continuous testing
- Remove AngularJS dependencies during final cleanup phase
A utilizar "angular-migration". How do I convert an AngularJS service that uses $http to Angular HttpClient?
Resultado esperado:
- Replace $http with HttpClient from @angular/common/http
- Convert promise-based .then() calls to RxJS Observable .subscribe()
- Use @Injectable decorator and providedIn root for DI
- Keep the service interface similar to reduce downstream changes
A utilizar "angular-migration". What are the differences between AngularJS and Angular dependency injection?
Resultado esperado:
- Angular uses constructor injection with @Inject decorators
- Replace factory/service factories with @Injectable classes
- Use downgradeInjectable for Angular services used by AngularJS
- Use upgradeInjection for AngularJS services used by Angular
Auditoria de Segurança
SeguroPure 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.
Fatores de risco
⚡ Contém scripts
🌐 Acesso à rede
📁 Acesso ao sistema de arquivos
🔑 Variáveis de ambiente
⚙️ Comandos externos
Pontuação de qualidade
O Que Você Pode Construir
Roteiro de migração
Criar um plano fases e decidir entre híbrido ou reescrita completa.
Guia de conversão de componentes
Converter controllers e directives em componentes Angular.
Estimativa de esforço
Elaborar um cronograma realista com fases e marcos.
Tente Estes Prompts
Dê um plano de migração simples para um aplicativo AngularJS pequeno, incluindo escolha de estratégia e riscos principais.
Forneça etapas para configurar um aplicativo híbrido AngularJS e Angular com ngUpgrade e bootstrap manual.
Explique como converter uma directive AngularJS com scope isolado para um componente Angular com inputs e outputs.
Crie um plano de migração em fases com fatias verticais, mudanças de DI, migração de routing e orientação de testes.
Melhores Práticas
- Comece com services para reduzir mudanças na UI durante a migração
- Migre incrementalmente com testes contínuos em cada etapa
- Adote TypeScript e style guide do Angular desde o início
Evitar
- Migrar componentes de UI antes de migrar services principais
- Misturar padrões AngularJS e Angular dentro de um único componente
- Pular configuração de aplicativo híbrido e testes abrangentes
Perguntas Frequentes
Is this compatible with all AngularJS versions?
What are the main limits of this skill?
Can I integrate this with my existing build tools?
Does it access my source code or data?
What if my hybrid app fails to bootstrap?
How does this compare to a full rewrite?
Detalhes do Desenvolvedor
Autor
wshobsonLicença
MIT
Repositório
https://github.com/wshobson/agents/tree/main/plugins/framework-migration/skills/angular-migrationReferência
main
Estrutura de arquivos
📄 SKILL.md