Angular Skills : écrire et gérer des applis selon le dernier Angular

À qui ça s’adresse

Utilisez cet ensemble quand vous voulez qu’un Agent de code écrive des applis selon le dernier Angular, la pratique officielle et les nouvelles fonctions, et gère bien les projets Angular existants. Il vise les outils de code intelligents ; la page nomme Gemini CLI, Antigravity et similaires. Activer un skill charge les notes et ressources dont cette tâche a besoin. Ne pas traiter ces deux-là comme exclusifs. Si vous avez déjà un dépôt Angular et voulez d’abord demander comment écrire réactivité, formulaires, injection de dépendances ou routage, commencez par angular-developer. Seulement si vous n’avez pas encore de projet et prévoyez d’échafauder depuis zéro, envisagez angular-new-app, car il appellera le CLI Angular pour créer une appli. L’entrée de contribution est dans le dépôt angular/angular, pas une modification directe dans ce dépôt de skills ; l’usage quotidien n’a pas besoin du chemin de contribution.

Premier essai en 3 minutes

Suivre uniquement cette commande d’installation officielle ; l’adresse du dépôt doit matcher la page :

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

Ne pas la changer en un nom de marketplace absent, ni inventer un catalogue de skills. Après installation, ouvrir un projet Angular existant. La première fois, n’utiliser que angular-developer pour un guidage d’architecture en lecture seule, par exemple : si le composant actuel passait à signals ou une fonction routed, à quoi faire attention. Faire d’abord récapituler à l’Agent : il chargera les notes d’angular-developer, donnera des conseils seulement sans écrire de fichiers, et n’appellera pas le skill de nouvelle appli. N’autoriser la lecture de code qu’après confirmation.

Signal de succès : la réponse couvre l’un des domaines de capacité officiels, par exemple composants, services, HTTP, réactivité (signals, linkedSignal, resource, httpResource), formulaires, injection de dépendances, routage, SSR, accessibilité, animation, styles, tests ou outils CLI, et ne crée pas de nouveau dépôt. Si l’Agent veut lancer angular-new-app, interrompre.

Cas d’usage

Cas 1 : guidage d’architecture et d’écriture avec angular-developer. Pour créer ou ajuster composants, services et communication HTTP dans une appli existante, ou demander la pratique sur réactivité, formulaires, injection de dépendances, routage, SSR, ARIA, animation, styles, tests et CLI. Faire d’abord lister à l’Agent les sujets qu’il citera ; confirmer le périmètre avant d’autoriser des changements de code. La page ne donne pas de rustines pas à pas ; le détail d’API manquant suit votre projet et les notes du skill.

Cas 2 : échafauder une appli avec angular-new-app via le CLI Angular. Cela crée un projet, effets de bord lourds. L’Agent doit d’abord dire le répertoire cible, qu’il appellera le CLI, et qu’il ne modifiera pas votre dépôt existant en même temps. N’exécuter qu’après confirmation que le répertoire vide est correct. La page ne donne ni drapeaux CLI ni numéros de version ; ne pas inventer de paramètres ng new. Ce qui est confirmable : « créer une appli avec le CLI Angular ».

Limites d’usage

L’installation par défaut est npx skills add plus l’adresse de ce dépôt. Les clients nommés sont Gemini CLI, Antigravity et outils de code intelligents similaires, pas une liste complète. Ne pas utiliser angular-new-app la première fois. Pour changer le contenu des skills, aller dans angular/angular ; ce dépôt est un emplacement de sortie. Ne pas inventer de noms courts de skill, répertoires ou commandes marketplace non écrits. Page du dépôt :

https://github.com/angular/skills

Notes de skill Gemini CLI :

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

Notes de skill Antigravity :

https://antigravity.google/docs/skills