Toolverse
Wszystkie skille

angular-architect

autor: openclaw

Architektura Angular 17+ ze standalone komponentami i sygnałami dla aplikacji enterprise

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
Frontend
Wyświetlenia
6

O skillu

Skill dla zaawansowanych projektów Angular. Wspiera standalone komponenty, signals, RxJS, NgRx state management i zaawansowany routing. Idealna do budowy skalowalnych aplikacji enterprise z optymalizacją wydajności, leniwym ładowaniem i kompleksowymi testami. Specjalizuje się w wzorcach reaktywnych, architekturze mikrofrontendów i best practices Angular 17+.

Jak używać

  1. Zainstaluj skill w swoim środowisku MCP, dodając angular-architect do konfiguracji agenta.

  2. Wyzwól skill, gdy pracujesz nad projektem Angular 17+ — wspomni o standalone komponentach, signals, RxJS lub NgRx w kontekście zadania.

  3. Opisz wymagania architektury: jakie komponenty potrzebujesz, czy potrzebna jest centralna zarządzanie stanem (NgRx), jaki routing (z lazy loading i guardami) oraz jakie są cele wydajności.

  4. Skill przeanalizuje wymagania i zaproponuje strukturę: rozmieszczenie standalone komponentów, użycie signals dla reaktywności, konfigurację NgRx store z effects i selectors, oraz strategię OnPush dla optymalizacji.

  5. Implementuj komponenty i logikę biznesową zgodnie z propozycją — skill dostarczy kod i wzorce dla RxJS patterns, state flow oraz advanced routing z lazy loading.

  6. Dodaj testy jednostkowe i integracyjne używając TestBed — skill pomoże w strukturze testów dla komponentów, services i state management, a także zasugeruje optymalizacje bundle i wydajności aplikacji.

Podobne skille