angular

Umiejętność dla Claude/Copilot do zaawansowanego wsparcia w tworzeniu aplikacji Angular v20+. Specjalizuje się w Signals (nowy system reaktywności), Standalone Components, aplikacjach Zoneless, SSR/Hydration oraz nowoczesnych wzorcach reaktywnych. Użyj jej do architektury komponentów, zarządzania stanem, optymalizacji wydajności i migracji z przestarzałych wzorców. Idealna dla projektów wymagających najnowszych praktyk Angular.

1. Zainstaluj umiejętność w swoim środowisku Claude/Copilot, wskazując repozytorium sickn33/antigravity-awesome-skills, katalog skills/angular.

2. Przed użyciem oceń wersję Angular w swoim projekcie — umiejętność wspiera Angular v20+. Jeśli pracujesz z AngularJS 1.x, użyj zamiast tego umiejętności angular-migration.

3. Opisz zadanie: budowanie nowej aplikacji, implementacja Signals, migracja z NgModules na Standalone Components, konfiguracja Zoneless, wdrażanie SSR/Hydration lub optymalizacja wydajności.

4. Umiejętność zaproponuje nowoczesne wzorce (Signals, Standalone, Zoneless) z prawidłową typizacją i reaktywnością, dostosowaną do wersji Angular v20+.

5. Zawsze testuj zmiany w środowisku development przed wdrożeniem na produkcję. W przypadku istniejących aplikacji przeprowadzaj migrację stopniowo, nie robiąc dużych refaktoryzacji na raz.

6. Zapoznaj się z harmonogramem wersji: Angular 20 (Q2 2025) — Signals i Zoneless stabilne; Angular 21 (Q4 2025) — Signals domyślnie; Angular 22 (Q2 2026) — Signal Forms i komponenty bez selektorów.