aiup-angular

aiup-angular is the AI Unified Process layer plugin for an Angular client: the UI layer of a project that combines one plugin per layer with aiup-core. It builds the pages, components, and HTTP services of a use case on top of the REST API the API layer provides, and tests them with Vitest.

Angular is a client-side UI: it talks to the backend only over HTTP, so a project with this plugin always has an API layer as well (spring-rest of aiup-spring-boot, nest-rest of aiup-nestjs, or any other backend that hands over its endpoints). The TypeScript models are written field by field from that layer's DTOs, and the JSON contract between the two is checked after every implementation.

Skills

Layer	Skill	Result
UI	`/angular-ui`	Standalone pages and components, `signal()` state, HttpClient services and DTO models, routes
UI	`/angular-ui-test`	Vitest component and service tests with TestBed and HttpTestingController, `UC-XXX-<slug>.spec.ts`

The skills are normally run by aiup-core, not one by one:

/stack        # records Angular as the UI layer in docs/architecture/stack.md
/use-case-implement UC-001 # … → spring-rest (or nest-rest) → angular-ui
/use-case-test UC-001      # … → spring-rest-test (or nest-rest-test) → angular-ui-test → playwright-e2e-test
/use-case-coverage UC-001  # the one audit, using the markers these skills keep in docs/architecture/stack.md

Each skill can also be run directly (/angular-ui UC-001); it then reads the same inputs and applies the same rules as /use-case-implement or /use-case-test, works on the UI layer only, and ends with a Next: line.

Combinations

Project	Plugins next to `aiup-core`
Angular, Spring Boot, JPA	`aiup-flyway`, `aiup-jpa`, `aiup-spring-boot`, `aiup-angular`, `aiup-playwright`
Angular, NestJS, Drizzle	`aiup-drizzle`, `aiup-nestjs`, `aiup-angular`, `aiup-playwright`

Any persistence plugin works below the API layer (aiup-jooq instead of aiup-jpa). Browser tests of the running application come from aiup-playwright.

Installation

Tessl

tessl install ai-unified-process/aiup-core
tessl install ai-unified-process/aiup-angular

Claude Code

/plugin marketplace add ai-unified-process/marketplace
/plugin install aiup-core
/plugin install aiup-angular

Install the other layer plugins of the project the same way. Do not combine layer plugins with a combined stack plugin (the deprecated aiup-angular-jpa) in one project. See the installation guides for other agents.

Prerequisites

aiup-core 3.16.1 or later, and docs/architecture/stack.md written by /stack.
An Angular project using standalone components; Vitest through @angular/build:unit-test (or a Vitest config).
An API layer plugin that hands over its endpoints and DTOs.

MCP servers

Server	Purpose
`context7`	Current Angular, RxJS, and Vitest documentation on demand

License

See LICENSE and NOTICE. "AI Unified Process" identifies the original methodology; derived works must retain the NOTICE file and must not present themselves as the official AI Unified Process.

ai-unified-process/aiup-angular