angular-portal-init-module

Generate Angular portal feature module scaffolds with routes, guards, and module-scoped providers.

2|Updated Apr 18, 2026
One-click install
npx skills add https://github.com/sdcorejs/sdcorejs-agent --skill angular-portal-init-module
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular-portal-init-module
Source: https://github.com/sdcorejs/sdcorejs-agent/tree/main/plugin/skills/angular-portal-init-module
Command: npx skills add https://github.com/sdcorejs/sdcorejs-agent --skill angular-portal-init-module

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Feature modules in an Angular portal require consistent wiring for routes, guards, interceptors, and module-scoped providers, but doing it manually is slow and error-prone.

Core Features & Use Cases

  • Module-scoped configuration generation: Creates [module].configuration.ts, configurations/api.configuration.ts, and @NgModule-based providers so interceptors and tokens resolve at the right scope.
  • Routing + security setup: Generates routes.ts with guards and lazy-loaded child entities without adding providers to lazy routes.
  • Optional permission and upload configuration: Adds configurations/permission.configuration.ts and configurations/upload-file.configuration.ts only when the module confirms those needs, with keyed contracts to keep route and config aligned.
  • UI reuse via base select: Produces components/base-select/base-select.component.ts and .html to support standard dropdown/search behavior across entities in the module.

Quick Start

Generate the Angular portal feature module configuration for module "catalog" with routes, guards, module-level API interceptors, and a shared base-select component.

Frequently Asked Questions about angular-portal-init-module

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold an Angular feature module with routes and guards?

To scaffold an Angular feature module with routes and guards, generate a module scaffold that produces routes.ts without route providers, wires module-scoped configuration for interceptors, and outputs smoke specs to verify token integrity.

What is the best way to configure module-scoped interceptors in Angular?

Configuring module-scoped interceptors in Angular requires generating @NgModule-based providers and API configuration files, ensuring tokens resolve at the correct scope by wiring the configuration at app bootstrap using a keyed contract.

How do I add permission and file upload configurations to an Angular module?

Adding permission and file upload configurations to an Angular module involves generating dedicated configuration files with keyed contracts, keeping route and configuration aligned, only when the module explicitly confirms those specific feature requirements.

Does generating an Angular feature module require manual dependency injection setup?

Generating an Angular feature module does not require manual dependency injection setup, as the scaffold automatically creates the primary public API module file and wires module-scoped configuration providers to resolve tokens correctly.

Why should I avoid adding providers to lazy-loaded routes in Angular?

Avoiding providers in lazy-loaded routes in Angular prevents scope bleeding and token resolution errors, so the scaffold generates a separate routes.ts file for guards while configuration providers are wired at the app bootstrap level.

Can I generate a shared dropdown component when scaffolding an Angular module?

You can generate a shared dropdown component when scaffolding an Angular module, as the process produces a base-select component with HTML templates to support standard search and dropdown behavior across entities.