Angular Skills: gegen aktuelles Angular Code schreiben und Apps verwalten

Für wen

Nutze dieses Skill-Set, wenn ein Coding-Agent Apps nach aktuellem Angular, offizieller Praxis und neuen Features schreiben und bestehende Angular-Projekte wirksam verwalten soll. Es richtet sich an smarte Coding-Werkzeuge; die Seite nennt Gemini CLI, Antigravity und ähnliche. Ein Skill zu aktivieren lädt die Hinweise und Ressourcen, die diese Aufgabe braucht. Diese beiden nicht als exklusiv verstehen. Wer schon ein Angular-Repository hat und zuerst fragen will, wie Reaktivität, Formulare, Dependency Injection oder Routing zu schreiben sind, soll zuerst angular-developer nutzen. Nur wer noch kein Projekt hat und von null scaffolden will, sollte angular-new-app erwägen, weil es die Angular CLI aufruft, um eine neue App zu erzeugen. Der Beitragseinstieg liegt im Repository angular/angular, nicht als direkte Änderung in diesem Skill-Repo; der Alltag braucht den Beitragspfad nicht.

Ersten Versuch in 3 Minuten abschließen

Nur diesen offiziellen Installationsbefehl nutzen; die Repository-Adresse muss der Seite entsprechen:

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

Nicht in einen nie genannten Marketplace-Namen ändern und keinen Skill-Katalog erfinden. Nach der Installation ein vorhandenes Angular-Projekt öffnen. Beim ersten Mal nur angular-developer für schreibgeschützte Architekturhinweise, zum Beispiel: Wenn die aktuelle Komponente auf signals oder eine routed-Funktion umgestellt wird, worauf achten. Den Agent zuerst wiederholen lassen: Er lädt die Hinweise von angular-developer, gibt nur Rat und schreibt keine Dateien, und ruft den New-App-Skill nicht auf. Code lesen erst nach deiner Bestätigung erlauben.

Erfolgssignal: Die Antwort deckt eines der offiziell genannten Fähigkeitsfelder ab, zum Beispiel Komponenten, Services, HTTP, Reaktivität (signals, linkedSignal, resource, httpResource), Formulare, Dependency Injection, Routing, SSR, Barrierefreiheit, Animation, Styles, Tests oder CLI-Werkzeuge, und erzeugt kein neues Repository. Will der Agent angular-new-app ausführen, unterbrechen.

Anwendungsfälle

Fall 1: Architektur- und Schreibhinweise mit angular-developer. Für das Anlegen oder Anpassen von Komponenten, Services und HTTP-Kommunikation in einer bestehenden App oder Fragen zu Praxis bei Reaktivität, Formularen, Dependency Injection, Routing, SSR, ARIA, Animation, Styles, Tests und CLI. Den Agent zuerst die Themen auflisten lassen, die er zitieren wird; den Umfang bestätigen, bevor Codeänderungen erlaubt werden. Die Seite gibt keine schrittweisen Patches; fehlende API-Details folgen deinem Projekt und den Skill-Hinweisen.

Fall 2: Mit angular-new-app über die Angular CLI eine neue App bauen. Das erzeugt ein Projekt und hat große Nebenwirkungen. Der Agent muss zuerst das Zielverzeichnis nennen, dass er die CLI aufruft, und dass er dein vorhandenes Repository nicht gleichzeitig ändert. Erst ausführen, wenn das leere Verzeichnis bestätigt ist. Die Seite gibt keine CLI-Flags und keine Versionsnummern; keine ng new-Parameter erfinden. Bestätigbar ist „eine neue App mit der Angular CLI erzeugen“.

Nutzungsgrenzen

Standardinstallation ist npx skills add plus die Adresse dieses Repositories. Genannte Clients sind Gemini CLI, Antigravity und ähnliche smarte Coding-Werkzeuge, keine vollständige Liste. Beim ersten Mal kein angular-new-app. Skill-Inhalte in angular/angular ändern; dieses Repository ist ein Ausgabeort. Undokumentierte kurze Skill-Namen, Verzeichnisse und Marketplace-Befehle nicht ergänzen. Repository-Seite:

https://github.com/angular/skills

Gemini-CLI-Skill-Hinweise:

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

Antigravity-Skill-Hinweise:

https://antigravity.google/docs/skills