Skip to content

ai-unified-process/aiup-angular

v3.3.0

AI Unified Process UI layer for Angular - standalone components, signals, HttpClient services, Vitest component tests

angular-ui

Implements the UI layer of a use case (UC-XXX) as an Angular client: standalone page and presentational components, signal() state, one hand-written HttpClient service per entity with TypeScript models that match the API layer's DTOs field by field, and routes in app.routes.ts. Consumes the Handover of the API layer (endpoints, DTOs) and checks the JSON contract against it. Use when the user asks to "build the Angular page", "implement the UI of UC-001", "create the Angular component", "wire the frontend to the REST API", or mentions Angular, standalone components, signals, or an Angular client calling a backend. Normally run by /use-case-implement as the UI layer of a project whose docs/architecture/stack.md names Angular; it can also be run directly. Does not write tests — that is /angular-ui-test.

angular-ui-test

Writes the UI-layer tests of a use case (UC-XXX) for an Angular client with Vitest and Angular's own testing idioms: TestBed component tests for the routed page, HttpTestingController for the API boundary, DI overrides for non-HTTP services, and plain service tests — in UC-XXX-<slug>.spec.ts files with a describe('UC-XXX: …') block. Use when the user asks to "write frontend tests", "test the Angular component", "write a Vitest test", "unit test an Angular page", "test the UI of UC-001", or mentions TestBed, ComponentFixture, or HttpTestingController. Normally run by /use-case-test as the UI test layer of a project whose docs/architecture/stack.md names Angular; it can also be run directly. Browser tests against the running application are /playwright-e2e-test.