skills.rest
zenkiet
zenkietCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

angular-scaffold

Generate an Angular scaffold from an approved plan.md with Smart/Dumb separation.

1|1|Updated Apr 18, 2026
Search Tags:#angular#scaffold#code-generation#standalone#component-architecture#frontend-architecture
One-click install
npx skills add https://github.com/zenkiet/enterprise-ai-workflow --skill angular-scaffold-zenkiet
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-scaffold
Source: https://github.com/zenkiet/enterprise-ai-workflow/tree/main/skills/angular-scaffold
Command: npx skills add https://github.com/zenkiet/enterprise-ai-workflow --skill angular-scaffold-zenkiet

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill rapidly generates a production-ready Angular code skeleton that enforces strong architecture patterns, including Smart/Dumb component separation, declarative data handling, and a shared-first approach.

Core Features & Use Cases

  • Enforces Smart/Dumb component separation to keep data logic separate from presentation.
  • Applies declarative patterns with AsyncPipe, signal(), computed(), and toSignal(), reducing manual subscriptions.
  • Reuses shared components when available and creates standalone, OnPush components by default.
  • Generates minimal, maintainable code strictly following the approved plan.

Quick Start

Follow the approved plan.md to scaffold a production-ready Angular skeleton right away.

Frequently Asked Questions about angular-scaffold

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

FAQPage Schema
How do I generate an Angular scaffold that enforces Smart and Dumb component separation?▼

To generate an Angular scaffold with Smart and Dumb separation, you provide an approved plan.md file. The skill reads this plan to produce a deterministic, production-ready codebase that isolates data logic from presentation components.

Does Angular scaffolding still require NgModules when using standalone components?▼

No, NgModules are not required. The scaffolding enforces standalone components by default, utilizing the inject() function for services and applying OnPush change detection to ensure a minimal, maintainable architecture.

What is the best way to structure Angular components to avoid manual subscriptions?▼

The best way to avoid manual subscriptions is applying declarative patterns. The scaffold integrates AsyncPipe, signal(), computed(), and toSignal() to handle reactive data streams declaratively without manual lifecycle management.

How do I ensure my generated Angular codebase is maintainable and deterministic for review?▼

You ensure a deterministic, maintainable Angular codebase by validating inputs strictly against an approved plan.md. The scaffold applies shared-first reuse and declarative patterns to generate minimal, review-ready output.

Can I use direct DOM manipulation within the generated Angular components?▼

No, direct DOM manipulation is not supported. The scaffold produces components using declarative data handling and shared-first reuse, ensuring presentation logic remains clean and separated from direct browser API calls.

Related Skills

Explore More Software Engineering Skills→
ehtbantonehtbanton

angular-component-generator

Generate Angular 17+ standalone components with TypeScript, HTML, and SCSS.

Community
Basic
nguyenthienthanhnguyenthienthanh
24

angular-expert

Optimize Angular 17+ components and state management with signals and RxJS.

Community
Advanced
kojderkojder
2

angular-frontend

Evaluate project contexts for Angular 18 standalone components, Signals, RxJS, and Tailwind styling.

Community
Advanced
WesleyMarinhoWesleyMarinho

angular-directives

Develop custom Angular directives for UI enhancement and DOM manipulation.

Community
Intermediate