Angular Skills: escreva e gira apps segundo o Angular mais recente

Para quem é

Use este conjunto quando quiser que um Agent de código escreva apps segundo o Angular mais recente, a prática oficial e as funções novas, e gira bem projetos Angular existentes. Destina-se a ferramentas de código inteligentes; a página nomeia Gemini CLI, Antigravity e semelhantes. Ativar uma skill carrega as notas e recursos de que essa tarefa precisa. Não trate esses dois como exclusivos. Se já tem um repositório Angular e primeiro quer perguntar como escrever reatividade, formulários, injeção de dependências ou encaminhamento, comece por angular-developer. Só se ainda não tem projeto e planeia andaime desde zero deve considerar angular-new-app, porque vai chamar o CLI Angular para criar uma app. A entrada de contribuição está no repositório angular/angular, não uma edição direta neste repo de skills; o uso diário não precisa do caminho de contribuição.

Conclua a primeira tentativa em 3 minutos

Siga só este comando oficial de instalação; o endereço do repositório tem de coincidir com a página:

npx skills add https://github.com/angular/skills

Não o mude para um nome de marketplace que não aparece nem invente um catálogo de skills. Depois de instalar, abra um projeto Angular existente. Na primeira vez, use só angular-developer para orientação de arquitetura em só leitura, por exemplo: se o componente atual passasse a signals ou a uma função routed, o que vigiar. Faça o Agent recapitular primeiro: vai carregar as notas de angular-developer, dar só conselho e não escrever ficheiros, e não vai chamar a skill de app nova. Só permita ler código depois de confirmar.

Sinal de sucesso: a resposta cobre um dos âmbitos de capacidade oficiais, por exemplo componentes, serviços, HTTP, reatividade (signals, linkedSignal, resource, httpResource), formulários, injeção de dependências, encaminhamento, SSR, acessibilidade, animação, estilos, testes ou ferramentas CLI, e não cria um repositório novo. Se o Agent quiser correr angular-new-app, interrompa.

Casos de uso

Caso 1: orientação de arquitetura e escrita com angular-developer. Para criar ou ajustar componentes, serviços e comunicação HTTP numa app existente, ou perguntar prática de reatividade, formulários, injeção de dependências, encaminhamento, SSR, ARIA, animação, estilos, testes e CLI. Faça o Agent listar os temas que vai citar; confirme o âmbito antes de permitir mudanças de código. A página não dá patches passo a passo; o detalhe de API em falta segue o seu projeto e as notas da skill.

Caso 2: andaime de uma app nova com angular-new-app via o CLI Angular. Isto cria um projeto e tem efeitos secundários grandes. O Agent tem de dizer primeiro o diretório-alvo, que vai chamar o CLI e que não vai alterar o seu repositório existente ao mesmo tempo. Execute só depois de confirmar que o diretório vazio está correto. A página não dá flags CLI nem números de versão; não invente parâmetros de ng new. O que se pode confirmar é «criar uma app nova com o CLI Angular».

Limites de uso

A instalação predefinida é npx skills add mais o endereço deste repositório. Os clientes nomeados são Gemini CLI, Antigravity e ferramentas de código inteligentes semelhantes, não um elenco completo. Não use angular-new-app na primeira vez. Para mudar o conteúdo das skills, vá a angular/angular; este repositório é um local de saída. Não invente nomes curtos de skill, diretórios nem comandos de marketplace não escritos. Página do repositório:

https://github.com/angular/skills

Notas de skill do Gemini CLI:

https://geminicli.com/docs/cli/skills/

Notas de skill do Antigravity:

https://antigravity.google/docs/skills