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.
87%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
Passed
No findings from the security scan
Angular UI
Instructions
Build the UI layer of the use case $ARGUMENTS with Angular: a routed page component, an HTTP service with its models that match the API's DTOs field by field.
Scope
- Consumes the Handover of the API layer.
- Produces the page, the route, the HTTP service and its models.
- Never touches the backend, tests, or anything under
docs/other than the Markers table ofdocs/architecture/stack.md.
Run Directly or from /use-case-implement
Run from /use-case-implement, this skill inherits the inputs that skill read, the gaps the user answered, and its
rules for reconciling an existing implementation; it does not repeat the status check or ask the same questions
again. Run directly, read the use case, the requirements it links, docs/entity_model.md, and
docs/architecture/stack.md yourself, and stop on a Draft or Reviewed use case.
Markers
Keep this skill's rows in the Markers table of docs/architecture/stack.md exactly as
references/markers.md lists them: add them when they are missing, correct them when they
differ. Touch no other row.
Handover
Handover from angular-ui (UC-XXX)
- Page src/app/pages/<page>/<page>.ts, route '<path>'
- Service src/app/services/<entity>.ts calling <endpoints>
Nothing to do: <reason>- Repository
AI-Unified-Process/marketplace
- Revision
f3ed052
- Last updated
- First committed
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.