Przepisy na Angulara

Przepisy na Angulara dla agentów AI działają, gdy spełnione są trzy warunki: agent wie, że pisze w Angularze 22 (zoneless, domyślnie OnPush, stabilne Signal Forms), może odpytać serwer MCP Angular CLI zamiast zgadywać, a każda zmiana przechodzi ng build, ng test uruchamiany przez Vitest i test w Playwright.

Ta strona jest dla programistów, którzy oddają pisanie kodu Angular agentom Claude Code, Codex lub Cursor. Scenariusz jest znajomy: agent tworzy komponent, który się kompiluje, spec przechodzi, a widok nigdy się nie odświeża. Agent zmienił zwykłe pole klasy tak, jak pozwalał na to Angular z Zone.js, a w twojej aplikacji nie ma już Zone.js, który by to zauważył. Albo dostajesz serwisy na BehaviorSubject, *ngIf, @HostListener i test z fakeAsync, który nie ruszy pod Vitestem.

Co dają te przepisy na Angulara

• Konfigurację jednym poleceniem, która daje agentowi oficjalny plik dobrych praktyk Angulara i serwer MCP Angular CLI
• Dziesięć promptów do wklejenia dla aktualnego Angulara: komponenty, serwisy, Signal Forms, interceptory, routing, NgRx SignalStore, SSR, migracja do zoneless, mikrofrontendy i dyrektywy
• Tabelę bramek, które zatwierdzają zmianę w Angularze bez czytania każdej linii
• Typowe dla Angulara sposoby, w jakie psuje się kod agenta, i wyjście z każdego z nich

Wersje sprawdzone 2026-09-26

@angular/core, @angular/cli, @angular/ssr i @angular/build 22.2.0; @ngrx/signals 22.0.1; @angular-architects/native-federation 22.2.1; angular-eslint 22.5.0; @playwright/test 1.63.0 (rejestr npm). Stwierdzenia o API na tej stronie sprawdziliśmy w opublikowanych definicjach typów i schematach tych wersji. Angular 22.0.0 ukazał się 2026-06-03.

Których domyślnych ustawień Angulara 22 agenci nie znają?

Agenci uczyli się na dekadzie kodu z NgModule, Zone.js i dekoratorami. Poniższe aktualne API i ustawienia domyślne są sprzeczne z większością tych danych:

Agent pisze	Co robi Angular 22	Zamiast tego
Zwykłe pole klasy zmieniane w handlerze, w nadziei, że widok się odświeży	Nowe aplikacje z CLI są zoneless (opcja zoneless schematu aplikacji ma domyślnie true), a ChangeDetectionStrategy.OnPush jest strategią domyślną	signal() lub computed() odczytywane w szablonie
changeDetection: ChangeDetectionStrategy.Default	Default jest przestarzałe na rzecz Eager	Pomiń; Eager dodawaj tylko z zapisanym uzasadnieniem
provideExperimentalZonelessChangeDetection()	@angular/core 22.2.0 tego nie eksportuje	provideZonelessChangeDetection() albo nic w nowej aplikacji
FormGroup w nowym formularzu	Signal Forms (@angular/forms/signals: form(), [formField]) są publicznym API od 22.0	Signal Forms; typowane formularze reaktywne tylko w istniejących formularzach
fakeAsync i tick() w specach	ng test domyślnie uruchamia Vitest i ładuje zone.js/testing tylko wtedy, gdy polyfille aplikacji zawierają zone.js	Sztuczne timery Vitesta (vi.useFakeTimers()) lub await fixture.whenStable()
provideClientHydration(withIncrementalHydration())	Hydracja przyrostowa jest włączona domyślnie; withIncrementalHydration() jest przestarzałe od 22.0	provideClientHydration(), ewentualnie z withEventReplay()
@HostListener, @HostBinding, ngClass, CommonModule	Oficjalne instrukcje Angulara dla AI zakazują ich w nowym kodzie	Obiekt host w dekoratorze, wiązania class i style, importy pojedynczych dyrektyw

Następna sekcja wpisuje te reguły w kontekst agenta, żeby nie trzeba było ich powtarzać w każdym prompcie.

Daj agentowi kontekst i serwer MCP od samego Angulara

Angular CLI dostarcza dwie rzeczy napisane z myślą o agentach. Schemat ai-config zapisuje oficjalny plik instrukcji z dobrymi praktykami Angulara i konfigurację MCP dla twojego narzędzia. Polecenie ng mcp uruchamia serwer MCP Angular CLI, którego domyślne narzędzia to między innymi get_best_practices, search_documentation, list_projects, run_target (cele build i test), narzędzia do uruchamiania, zatrzymywania i oczekiwania na serwer deweloperski oraz onpush_zoneless_migration.

Claude Code

Wygeneruj CLAUDE.md i projektowy .mcp.json z katalogu głównego repozytorium:

npx ng generate ai-config --tool=claude-code

Jeśli CLAUDE.md już istnieje, schemat (sprawdzone w @schematics/angular 22.2.0) zostawia go bez zmian i wypisuje ostrzeżenie, a do istniejącego .mcp.json dopisuje serwer angular-cli w mcpServers. Aby przenieść wskazówki Angulara do własnego pliku, tymczasowo przenieś CLAUDE.md w inne miejsce, uruchom polecenie i scal oba pliki ręcznie. Aby dodać tylko serwer MCP, w zakresie projektu, żeby korzystał z niego cały zespół:

claude mcp add --scope project angular-cli -- npx -y @angular/cli mcp

Codex

Wygeneruj AGENTS.md i .codex/config.toml:

npx ng generate ai-config --tool=open-ai-codex

Albo dodaj sam serwer do konfiguracji użytkownika:

codex mcp add angular-cli -- npx -y @angular/cli mcp

Codex czyta projektowy AGENTS.md tylko w zaufanych projektach (od 0.150.0), więc oznacz katalog projektu jako zaufany, gdy Codex o to zapyta.

Cursor

Wygeneruj AGENTS.md (plik dobrych praktyk Angulara) i .cursor/mcp.json:

npx ng generate ai-config --tool=cursor

Następnie otwórz ustawienia MCP w Cursorze, sprawdź, czy angular-cli jest na liście i włączony, i skopiuj dobre praktyki z wygenerowanego AGENTS.md do projektowej reguły (Rule), żeby ładowała je każda sesja agenta.

Pod wygenerowanym blokiem dopisz fakty o projekcie, których schemat nie zna:

## This repository
- Angular 22.2, standalone only, zoneless. Tests: `npx ng test --watch=false` (Vitest). Lint: `npx ng lint`.
- State: signals in components; NgRx SignalStore (`@ngrx/signals` 22) for shared feature state.
- New forms use Signal Forms. Never add `zone.js`, `fakeAsync`, `@HostListener` or `CommonModule`.
- Before you finish: `npx ng build` and `npx ng test --watch=false` must both pass. Paste their last lines.

Najważniejsza jest linia z ng build. Build produkcyjny sprawdza typy w każdym szablonie, więc błędna nazwa inputu albo brakujący import wychodzi tam, a nie dopiero podczas code review. Uzasadnienie plików kontekstu projektu znajdziesz w tekście jak przygotować kod dla agenta.

Jak uruchomić przepis w każdym narzędziu

Prompty nie zależą od narzędzia. Różni się to, jak każde z nich uruchamia pętlę weryfikacji.

Claude Code

Wklej prompt do sesji interaktywnej; od v2.1.283 (oba kanały wydań, stan na 2026-10-12) sesja startuje w trybie auto. Aby uruchomić przepis bez interakcji w skrypcie, zezwól tylko na potrzebne polecenia:

claude -p "$(cat prompts/angular-product-card.txt)" \
  --permission-mode acceptEdits \
  --allowedTools "Bash(npx ng build *)" "Bash(npx ng test *)"

Codex

Wklej prompt do TUI albo uruchom go nieinteraktywnie z prawem zapisu ograniczonym do katalogu roboczego:

codex exec --sandbox workspace-write "$(cat prompts/angular-product-card.txt)"

Przy długim refaktoringu, takim jak migracja do zoneless, codex cloud (eksperymentalne w 0.157.1) pozwala przejrzeć zadanie w chmurze i zastosować jego diff lokalnie; codex apply nakłada ostatni diff przez git apply.

Cursor

Wklej prompt do czatu agenta i dołącz jako kontekst folder docelowy oraz plik z typami modelu danych (np. src/app/models/product.ts). Przy przepisach, które dotykają wielu plików, jak routing czy SSR, zacznij w Plan Mode i zatwierdź plan, zanim powstanie jakikolwiek kod. Przejrzyj diff w edytorze i zostaw w prompcie polecenia build i test, żeby agent uruchomił je w terminalu przed zakończeniem.

Zbuduj komponent standalone na sygnałach

Każdy prompt w tej sekcji podaje plik, API sygnałów i dowód, którego oczekujesz. Styl nazw plików z 2025 roku (product-card.ts, nie product-card.component.ts) jest domyślny w CLI 22.x.

Prompt do wklejenia: karta produktu na sygnałach

Create a standalone component at src/app/components/product-card/product-card.ts
(2025 file-name style, selector app-product-card). Match the existing Product type in src/app/models.

- Inputs with input(): product (required, Product), showActions (default true).
- Outputs with output(): addToCart emits Product, viewDetails emits the product id.
- computed(): isOnSale (discountPercentage > 0), finalPrice, formattedPrice via Intl.NumberFormat.
- Template: @if / @for / @switch only. Class and style bindings, no ngClass, no CommonModule.
- Do not set standalone or changeDetection in the decorator; the defaults are right.
- Spec with Vitest (no fakeAsync): render with fixture.componentRef.setInput(), assert the DOM
  for on-sale and regular products, and assert both outputs emit the right values.

Finish by running `npx ng build` and `npx ng test --watch=false`. Paste the last 10 lines of each.

Czego to dowodzi: spec ustawia inputy przez setInput() i sprawdza wyrenderowany tekst, więc nie przejdzie, jeśli szablon czyta nieaktualne pole. Spec, który tylko wywołuje metody komponentu, nie mówi nic o wykrywaniu zmian.

Zastąp serwisy na BehaviorSubject sygnałami i httpResource

resource() i httpResource() są publicznym API od 22.0, a oficjalne wytyczne CLI zalecają inject() i dekorator @Service dla nowych singletonów. Zostaw RxJS tam, gdzie masz prawdziwe strumienie; stan przenieś do sygnałów.

Prompt do wklejenia: serwis uwierzytelniania na sygnałach

Refactor src/app/services/auth.service.ts from BehaviorSubject state to signals.

1. currentUser = signal<User | null>(null); isAuthenticated and role as computed().
2. login() and logout() keep HttpClient Observables for the calls, then set the signal.
   Expose only readonly signals (asReadonly()).
3. Load the profile with httpResource('/api/me') so loading and error states are signals too.
4. Keep toObservable(currentUser) as a temporary bridge for the three callers that still subscribe;
   list them in a TODO comment with file paths.
5. Use inject(), not constructor injection. Every remaining subscribe() uses takeUntilDestroyed().
6. Tests: login sets the user, logout clears it, a failed profile load leaves isAuthenticated false.
   Use HttpTestingController via provideHttpClientTesting().

Run `npx ng test --watch=false` and paste the result. Then grep the diff for "BehaviorSubject"
and "subscribe(" and explain every remaining hit.

Zbuduj formularz rejestracji na Signal Forms

Signal Forms zastępują okablowanie FormGroup modelem w sygnale, funkcją schematu i dyrektywą [formField]. Potrzebne walidatory (required, email, minLength, pattern, validate, validateAsync, validateHttp, applyWhen, hidden, disabled) eksportuje @angular/forms/signals w wersji 22.2.0.

Prompt do wklejenia: rejestracja na Signal Forms

Build src/app/auth/register/register.ts with Signal Forms from @angular/forms/signals
(form(), schema functions, [formField] in the template). Do not use FormGroup or FormBuilder.

Model signal: email, password, confirmPassword, accountType ('personal' | 'business'), companyName.
Rules:
- email: required, email, and validateHttp against GET /api/users/exists?email=... (error "taken").
- password: required, minLength(12), pattern requiring upper, lower and digit.
- confirmPassword: validate() comparing with valueOf(password), error "mismatch".
- companyName: required and visible only when accountType is 'business' (applyWhen + hidden).
- Submit button disabled while the form is invalid or pending; submit() posts to /api/register.

Show errors from the field state, one message map for all fields.
Spec (Vitest, no fakeAsync): each rule fails and passes once, the async check hits the endpoint once
per settled value (use vi.useFakeTimers() for any debounce), and companyName toggles with accountType.
Run `npx ng test --watch=false` and paste the summary.

Istniejącego formularza reaktywnego nie przepisuj w tej samej zmianie. Najpierw poproś o poprawki typowania z NonNullableFormBuilder, potem migruj jeden formularz na pull request, bez zmiany testów. Wtedy testy stają się wyrocznią dla migracji.

Połącz funkcyjne interceptory HTTP w łańcuch

Prompt do wklejenia: łańcuch interceptorów

Create functional interceptors in src/app/core/http/ and register them in app.config.ts with
provideHttpClient(withInterceptors([...])).

1. authInterceptor: adds the bearer token from AuthService except for URLs in PUBLIC_ENDPOINTS.
2. refreshInterceptor: on 401, calls refresh once, retries the original request once, and logs out
   if refresh fails. Concurrent 401s share one refresh call.
3. errorInterceptor: maps 403 to /forbidden, 429 to a toast with the Retry-After value, 5xx to a
   generic toast. Never swallows the error; rethrows after handling.
4. timingInterceptor: logs method, URL and duration in dev mode only (isDevMode()).

Explain the order you chose in one comment above the array (request order, then response order).
Test each interceptor alone with provideHttpClientTesting(). Add one test where two requests get
401 at the same time and assert refresh is called exactly once.

Test równoczesnych 401 wyłapuje prawdziwe błędy. Agenci piszą odświeżanie tokena, które działa dla jednego żądania, a przy dashboardzie z trzema widżetami odpala trzy odświeżenia naraz.

Ładuj trasy leniwie ze strażnikami i resolverami

Prompt do wklejenia: leniwy panel admina

Move the admin section to lazy standalone routes.

1. src/app/admin/admin.routes.ts exports ADMIN_ROUTES with loadComponent for dashboard, users,
   settings and reports, under an AdminLayout component with a router-outlet.
2. In app.routes.ts: { path: 'admin', loadChildren: () => import('./admin/admin.routes')
   .then(m => m.ADMIN_ROUTES), canMatch: [adminGuard] }.
3. adminGuard is a functional CanMatchFn using inject(AuthService); unauthenticated users go to
   /login?returnUrl=..., authenticated non-admins to /forbidden (return a UrlTree, do not navigate).
4. userResolver is a ResolveFn<User> for users/:id; on 404 it returns a UrlTree to /admin/users.
5. Bind resolved data and params to component inputs: add withComponentInputBinding() to
   provideRouter if it is missing.

Tests: guard outcomes for the three user types, resolver success and 404.
Then run `npx ng build` and paste the "Lazy chunk files" section, which must list the admin chunks.

Ostatnia linia zamienia pytanie „czy to naprawdę ładuje się leniwie?” w dowód. Jeśli komponenty admina trafiają do chunków początkowych, prompt nie zadziałał, niezależnie od tego, jak wygląda diff.

Zarządzaj stanem modułu funkcji przez NgRx SignalStore

Prompt do wklejenia: SignalStore produktów

Create src/app/products/products.store.ts with signalStore() from @ngrx/signals 22.

- withState: products, selectedId, filters { query, category }, loading, error.
- withComputed: filteredProducts, selectedProduct, hasActiveFilters.
- withMethods: load(), select(id), setFilter(), clearFilters(), and remove(id) with an optimistic
  update that restores the previous array if the API call fails. Use patchState only.
- A search method built with rxMethod (from @ngrx/signals/rxjs-interop): debounceTime(300),
  distinctUntilChanged, switchMap to the API.
- withHooks onInit calls load(). Provide the store on the products route, not in root.

Tests with Vitest fake timers: filters recompute, the debounce sends one request for five
keystrokes, and a failed remove() restores the item. Run `npx ng test --watch=false`.

Dodaj SSR z hydracją

ng add @angular/ssr generuje serwer oparty na AngularNodeAppEngine i trasy serwerowe z RenderMode dla każdej ścieżki. Hydrację daje provideClientHydration(), które w 22.x samo włącza hydrację przyrostową i transfer cache dla HttpClient; dokładasz tylko opcję withEventReplay(). withIncrementalHydration() jest przestarzałe od 22.0, a dzięki transfer cache odpowiedzi pobrane podczas renderowania na serwerze są używane ponownie w przeglądarce. Nie proś więc agenta o ręczny kod TransferState dla zwykłych wywołań HttpClient.

Prompt do wklejenia: SSR i audyt hydracji

Add server-side rendering: run `npx ng add @angular/ssr`, then:

1. In app.routes.server.ts, prerender '' and 'about' (RenderMode.Prerender), render 'products/:id'
   on the server (RenderMode.Server), and render 'account/**' on the client (RenderMode.Client).
2. In app.config.ts use provideClientHydration(withEventReplay()). Incremental hydration and the
   HttpClient transfer cache are on by default; do not add withIncrementalHydration() or TransferState.
3. Audit every file under src/app for window, document, localStorage and navigator. Replace each
   with afterNextRender() or an injected BrowserStorage service that uses an in-memory Map on the
   server. List every file you changed and why.
4. Set Title and Meta for products/:id from the resolved product.

Verify: `npx ng build`, then start the server build and curl /products/1. Paste the <title> and
the first product heading from the HTML. Report any hydration warning from the browser console.

Zmigruj starszą aplikację do zoneless i OnPush

W tym przepisie serwer MCP Angular CLI naprawdę się przydaje: jego narzędzie onpush_zoneless_migration analizuje plik pod kątem wzorców zależnych od Zone.js i zwraca plan migracji, który agent potem wykonuje. Migruj po jednym folderze funkcji.

Prompt do wklejenia: migracja do zoneless, jeden folder

Use the angular-cli MCP server. Migrate src/app/orders/ to zoneless-compatible, OnPush-safe code.

1. Call onpush_zoneless_migration on each component in the folder, and show me its plan first.
2. Apply the plan: state read by templates becomes signals; replace setTimeout-driven UI updates
   and manual ChangeDetectorRef calls; subscribe() calls use takeUntilDestroyed().
3. Migrate specs off fakeAsync/tick to Vitest fake timers or await fixture.whenStable().
4. Do not touch files outside src/app/orders/.

Before you change anything, run `npx ng test --watch=false` and record the pass count.
After the migration the same tests must pass with no assertion changed. If an assertion must
change, stop and explain why instead of editing it.

Zamrożenie asercji sprawia, że wynik można przyjąć bez czytania każdej linii: istniejące testy są specyfikacją, a agentowi nie wolno ich ruszać. Ogólny wzorzec opisuje tekst chroń wyrocznię testów, a kolejność większej migracji — modernizacja starszego kodu.

Podziel aplikację-powłokę na mikrofrontendy z Native Federation

Domyślny builder application w CLI działa na esbuild. @angular-architects/module-federation celuje w webpack, więc aktualna aplikacja z domyślnym builderem używa zamiast niego @angular-architects/native-federation, który deleguje pracę do buildera aplikacji na esbuild.

Prompt do wklejenia: powłoka i remote w Native Federation

Set up Native Federation for the shell app and a products remote with
@angular-architects/native-federation (ng add on each project). Keep the default esbuild builder.

1. The remote exposes its PRODUCTS_ROUTES (standalone routes), not a module.
2. The shell loads it with loadRemoteModule inside loadChildren, from a manifest file so the remote
   URL can change per environment without a rebuild.
3. Share @angular/* and rxjs as singletons with strict versions; list any other shared package and why.
4. If the remote fails to load, the route renders a fallback component instead of a blank page.

Verify: build both, serve both, and run a Playwright test that opens /products in the shell and
asserts the remote's heading. Stop the remote and assert the fallback renders.

Zanim podzielisz aplikację, upewnij się, że potrzebujesz niezależnych wdrożeń. Mikrofrontendy wymieniają prostotę buildu na autonomię zespołów, a kompromisy mikroserwisów dotyczą też frontendu.

Buduj dyrektywy z obiektem host

Prompt do wklejenia: zestaw dyrektyw i pipe'ów

Create standalone directives and pipes in src/app/shared/. Use the host object in the decorator
for all listeners and bindings; never @HostListener or @HostBinding.

- clickOutside: output() fires on document clicks outside the host.
- inViewport: output() with IntersectionObserver, disconnected on destroy, no-op on the server.
- hasRole: structural directive, selector appHasRole (*appHasRole="'admin'"), that reads AuthService signals.
- relativeTime and fileSize pure pipes using Intl.RelativeTimeFormat and Intl.NumberFormat.

Test each with a small host component in the spec. Cover null, undefined, 0 and negative inputs for
the pipes, and destroy the host to prove the observer disconnects. Run `npx ng test --watch=false`.

Jak sprawdzić kod Angular od agenta bez czytania każdej linii

Każda bramka odpowiada na jedno pytanie, a razem zastępują czytanie kodu linia po linii. Build i testy agent uruchamia przed zakończeniem pracy; CI uruchamia wszystkie.

Bramka	Polecenie	Czego dowodzi
Build ze sprawdzaniem typów w szablonach	npx ng build	Szablony wiążą się z istniejącymi inputami i outputami, importy są kompletne, budżety się mieszczą (angular.json → budgets)
Testy jednostkowe i komponentów	npx ng test --watch=false	Zachowanie przez DOM, w Viteście, bez podpórki w postaci Zone.js
Lint	npx ng lint po npx ng add angular-eslint	Reguły TypeScript i szablonów specyficzne dla Angulara, w tym konfiguracja template-accessibility
End-to-end	npx playwright test	Prawdziwy routing, leniwe chunki, hydracja i formularze w przeglądarce. Zobacz testy end-to-end z agentami i Playwright MCP
Dostępność	Sprawdzenia Axe w pakiecie Playwright, po npm i -D @axe-core/playwright (4.13.0 na 2026-09-26)	WCAG AA, którego wymagają oficjalne instrukcje Angulara dla AI. Zobacz testy dostępności

Dwie decyzje wciąż należą do ciebie: czy kryteria akceptacji w prompcie są właściwe i czy żadna asercja nie została osłabiona, żeby dojść do zielonego wyniku. Zmianę zatwierdza recenzent, który czyta diff specyfikacji i wynik bramek, a nie diff implementacji. Wyniki dołącz do pull requesta zgodnie z opisem pakietu dowodów.

Kiedy kod Angular od agenta się psuje

Objaw	Przyczyna	Co zrobić
Widok nie odświeża się po kliknięciu lub odpowiedzi HTTP	Zwykłe pole zmienione w aplikacji zoneless z OnPush	Poproś agenta o przeniesienie stanu szablonu do sygnałów. Nie przywracaj zone.js, żeby to ukryć
fakeAsync rzuca „zone-testing.js is needed for the fakeAsync() test helper”	Spec z czasów Zone.js uruchamiany pod Vitestem w aplikacji zoneless	Przepisz spec na vi.useFakeTimers() lub await fixture.whenStable()
ng build kończy się błędem „is not a known element”, „Can’t bind to … since it isn’t a known property” albo „No pipe found with name”	W imports komponentu standalone brakuje komponentu, pipe’a albo dyrektywy użytej przez wiązanie właściwości	Każ agentowi uruchomić ng build przed zakończeniem pracy i naprawić każdy błąd; ten przypadek nie przejdzie na zielono
Dyrektywa atrybutowa po cichu nic nie robi, a build nie zgłasza błędu	Dyrektywy brakuje w imports, a szablon używa jej tylko jako zwykłego atrybutu albo wiązania zdarzenia, np. (clickOutside), które Angular kompiluje jako zwykły atrybut lub listener DOM	Wymagaj specu, który sprawdza efekt dyrektywy (np. że output się emituje), i sprawdź tablicę imports w diffie
Dane z resolvera lub parametry trasy przychodzą jako inputy undefined	W provideRouter brakuje withComponentInputBinding()	Dodaj je raz w app.config.ts
ReferenceError: window is not defined podczas SSR	API przeglądarki odczytywane w konstruktorze	Przenieś kod do afterNextRender() albo do serwisu chronionego sprawdzeniem platformy
Agent instaluje @angular-architects/module-federation w aplikacji na esbuild	Dane treningowe z czasów webpacka	Przejdź na Native Federation albo świadomie zostań przy webpacku i zapisz to w pliku kontekstu
Pamięć rośnie przy długich sesjach	subscribe() bez takeUntilDestroyed() albo nigdy nierozłączony observer	Przeszukaj diff pod kątem subscribe( i wymagaj testu zniszczenia dla każdego trafienia

Jeśli agent uparcie powtarza ten sam błędny wzorzec, popraw plik kontekstu, a nie prompt: dopisz regułę do sekcji repozytorium w CLAUDE.md lub AGENTS.md albo do reguły w Cursorze, żeby kolejna sesja od razu zaczynała poprawnie.

Co dalej z Angularem i agentami

• Przegląd przepisów frontendowych dla pozostałych frameworków
• Przepisy na React, żeby porównać te same zadania w React
• Wzorce tworzenia API dla backendu, z którego korzysta twoja aplikacja Angular
• Testy jednostkowe z agentami, czyli specy, które padają z właściwego powodu
• Kryteria akceptacji dla agentów, czyli jak zamienić ticket w kryteria, którymi kończą się te prompty