skills.rest
sdcorejs
sdcorejsCOMMUNITY
Explore all skills by this author →
GitHub

angular-portal-init-entity

Scaffold Angular-portal entity CRUD modules with mock localStorage services and permission-guarded routes.

2|Updated Apr 18, 2026
Search Tags:#angular#mock api#reactive forms#entity modeling#crud generation#sdcorejs#permission routes
One-click install
npx skills add https://github.com/sdcorejs/sdcorejs-agent --skill angular-portal-init-entity
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-portal-init-entity
Source: https://github.com/sdcorejs/sdcorejs-agent/tree/main/plugin/skills/angular-portal-init-entity
Command: npx skills add https://github.com/sdcorejs/sdcorejs-agent --skill angular-portal-init-entity

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill removes repetitive Angular Portal CRUD scaffolding work by generating a complete entity management setup (model, service, routes, list, and detail) from a brief request and confirmed module context.

Core Features & Use Cases

  • Entity CRUD module generation: Builds list and detail screens with sdcorejs conventions, including reactive forms and table-based list UX.
  • Mock-first service + centralized seed data: Creates runnable localStorage CRUD with a single services/[entity].mock-data.ts seed source (20–40 realistic rows) and auto-reseed behavior when stored JSON is missing/corrupted.
  • Route scaffolding with permission guards: Produces URL states with data.permission so navigation is blocked consistently by the module guard.
  • Bilingual VI/EN mapping: Supports Vietnamese/English intent triggers like adding entity + creating CRUD pages.
  • Template-driven code + tests: Loads code and spec templates on demand to keep output consistent with the Angular Portal track.

Quick Start

Create CRUD for entity X inside module Y by describing fields and UI expectations, then let the skill scaffold routes, services, list, and detail with mock CRUD and mocked seed data.

Frequently Asked Questions about angular-portal-init-entity

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

FAQPage Schema
How do I generate Angular CRUD modules for new domain entities?▼

Generate full Angular entity CRUD modules by providing entity fields and UI expectations, which scaffolds models, services, routes, list, and detail pages with mock-first localStorage data.

How does mock-first CRUD work for Angular entity services?▼

Mock-first CRUD uses localStorage to simulate backend operations, seeding 20 to 40 realistic rows from a centralized mock-data file that auto-reseeds when stored JSON is missing or corrupted.

Can I scaffold Angular routes with permission guards for CRUD pages?▼

Yes, you can scaffold lazy-loaded Angular routes with data.permission properties, ensuring navigation is blocked consistently by the module guard for generated list and detail pages.

Does Angular CRUD generation support deriving field matrices from PRD text?▼

Yes, Angular CRUD generation derives entity field matrices directly from PRD text, images, or cURL contracts when provided, mapping them into reactive forms and list table structures.

What is the best way to add a new entity to an existing Angular module?▼

The best way to add a new entity is providing the target module and desired fields, triggering generation of the complete CRUD setup including models, services, routes, and spec scaffolding.

Can I generate bilingual Vietnamese and English Angular CRUD interfaces?▼

Yes, the scaffolding supports bilingual VI and EN intent triggers, allowing you to request entity creation and CRUD pages in either Vietnamese or English while maintaining consistent architecture.

Related Skills

Explore More Software Engineering Skills→
anhnq-labanhnq-lab

erp-crud-generator

Generate CRUD modules with types, services, and UI components for CIC ERP entities.

Community
Intermediate
CaiZongyuanCaiZongyuan
2

tanstack-db

Implement reactive data layers with TanStack DB collections and live queries.

Community
Advanced
gutierrezp22gutierrezp22

angular-forms

Implement Angular forms with Signal Forms and Reactive Forms.

Community
Intermediate
oguzhan18oguzhan18
6

angular-schematics

Generate Angular schematics and custom generators for code scaffolding.

Community
Intermediate