angular-portal-write-code

Generate Angular Portal entity CRUD code from an approved plan.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Eliminates slow, error-prone Angular portal CRUD coding by turning an approved plan into fully wired entity pages with models, routes, services, screens, and mandatory verification steps.

Core Features & Use Cases

  • Orchestrated CRUD generation: Dispatches sub-skills for portal init, module init, entity model/service/mock data, list screen, detail screen, and actions after the plan is approved.
  • Stateful detail UI generation: Creates CREATE/UPDATE/DETAIL states with form refinement (validators, form arrays, async validators when needed).
  • Quality gates and audit trail: Enforces required tail-calls for E2E tests, code review, ASK-gated inline comments, acceptance verification, auto-docs, task tracking, and optional durable memories.
  • Vietnamese/English support: Produces bilingual output (VI/EN) aligned with the portal conventions.

Quick Start

Use angular-portal-write-code when the user confirms 06-review-plan and asks to proceed with implementing the Angular Portal CRUD for the planned entity.

Frequently Asked Questions about angular-portal-write-code

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

FAQPage Schema
How do I generate Angular CRUD code from an approved plan?

Generating Angular CRUD code requires an orchestrator skill that transforms an approved plan into entity models, services, lazy-loaded routes, and list and detail screens. It dispatches sub-skills for portal and module initialization, then generates the entity code with stateful detail UI.

How do you handle CREATE, UPDATE, and DETAIL states in Angular form validation?

Handling CREATE, UPDATE, and DETAIL states in Angular form validation involves generating stateful detail UI components with form refinement, including validators, form arrays, and async validators when needed. This is part of orchestrated CRUD generation after the plan is approved.

What quality gates are needed when generating Angular portal CRUD screens?

Quality gates for Angular portal CRUD generation include mandatory tail-calls for E2E tests, code review, ASK-gated inline comments, acceptance verification, auto-docs, task tracking, and conditional memories. These steps enforce a repair loop and create an audit trail.

Can I use this Angular code generation workflow without an approved CRUD plan?

No, this Angular code generation workflow requires a reviewed and approved CRUD plan for an entity within an Angular Portal module. The orchestrator applies specifically when a user confirms the 06-review-plan step and asks to proceed with implementing the planned entity.

Does Angular portal CRUD generation support bilingual output?

Yes, Angular portal CRUD generation produces bilingual output in Vietnamese and English aligned with the portal conventions. This ensures the generated entity code, list screens, and detail screens support both VI and EN languages.

What is the best way to structure lazy-loaded routes for Angular CRUD entities?

The best way to structure lazy-loaded routes for Angular CRUD entities is through an orchestrated generation process that creates the entity model, service with mock CRUD store, and list and detail screens. This ensures fully wired entity pages with correct state handling.