Angular New Page and Route

Prompt file imported from tkandpal/custom-agent (.github/prompts/angular-new-page-and-route.prompt.md). Copyright stays with the author.

Execute task new-page-and-route from .github/skills/angular-project-best-practices/TASKS/task-new-page-and-route.mdc.

Required inputs

• route_path: target route (for example /settings, /employees/:id).
• page_purpose: one sentence describing what this page does.
• data_dependencies: async data this page depends on, or none.

Actions to run in order

1. create-route-page — create the page component and register the route.
2. create-shared-ui-component — add any shared UI components the page needs.
3. run-quality-checks — validate lint, tests, and build.

Acceptance criteria

• Route is registered in the existing routing style.
• Page compiles and renders at the target route.
• Loading, error, and empty states are implemented for async dependencies.
• Type checks pass.

Definition of done

• Route change is localized and does not break existing routes.
• Implementation follows docs/guidelines/angular-official-best-practices.md.
• Ready for review and QA.

Deliverables

1. Files created and route change summary.
2. Commands executed and results.
3. Acceptance criteria coverage.
4. Official checklist coverage summary.
5. Remaining assumptions and next steps.