skills.rest
DonaldMurillo
DonaldMurilloCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

component

Generate a standalone Angular component scaffold with Momentum CMS conventions in an Nx workspace.

7|1|Updated Feb 2, 2026
Search Tags:#angular#signals#generate#code-generation#momentum-cms#standalone-component
One-click install
npx skills add https://github.com/DonaldMurillo/momentum-cms --skill component-donaldmurillo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: component
Source: https://github.com/DonaldMurillo/momentum-cms/tree/main/.claude/skills/component
Command: npx skills add https://github.com/DonaldMurillo/momentum-cms --skill component-donaldmurillo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers quickly scaffold a standalone Angular component that follows Momentum CMS conventions, reducing boilerplate and ensuring modern patterns are adhered to.

Core Features & Use Cases

  • Standalone component scaffold: creates the essential files and wiring for a reusable Angular component.
  • Enforces Momentum CMS conventions: standalone, OnPush change detection, signals, computed, and DI patterns.
  • Quick integration: export from library index and wire into libs structure for immediate use in apps.

Quick Start

Use the component skill to scaffold a new component under libs/<library>/src/lib/<component>/ and adapt the provided template for the component class, template, styles, and tests.

Frequently Asked Questions about component

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

FAQPage Schema
How do I generate a standalone Angular component with signals and OnPush change detection?▼

To generate a standalone Angular component with signals and OnPush, this skill automates scaffolding the class, template, styles, and tests while enforcing Momentum CMS conventions like OnPush change detection, signals, and computed properties.

How do I scaffold an Angular component in an Nx workspace following library conventions?▼

Scaffolding an Angular component in an Nx workspace is handled by creating files under libs/<library>/src/lib/<component>/ and automatically exporting the new component from the library index for immediate integration.

What are Momentum CMS conventions for Angular component code generation?▼

Momentum CMS conventions for Angular code generation require standalone components, OnPush change detection, input/output modeling, signals, computed properties, and dependency injection patterns to ensure modern, reusable architecture.

Does this Angular component generator support dependency injection and computed signals?▼

Yes, this Angular component generator supports dependency injection and computed signals, enforcing these modern patterns during the automated file creation process for standalone components.

What files are created when generating a standalone Angular component?▼

Generating a standalone Angular component creates the component class file, HTML template, styles file, and test file, then wires the new component into the library index export.

Can I use this to generate Angular components for library projects instead of applications?▼

Yes, you can use this to generate Angular components specifically for library projects within an Nx workspace, targeting the libs/ directory structure and handling library index exports.

Related Skills

Explore More Software Engineering Skills→
ngx-signal-formsngx-signal-forms
3

nx-generate

Scaffold apps and libraries in Nx monorepos using generators.

Official
Advanced
CamiloAndresGTRUniandesCamiloAndresGTRUniandes
19

angular-core

Generate standalone Angular components with signals and zoneless change detection.

Community
Intermediate
wghglorywghglory
7

nx-generate

Scaffold Nx projects and run generators with dry-run validation.

Community
Advanced
Manu343726Manu343726

angular-tooling

Guide Angular CLI workflows for scaffolding, generation, and build/test configuration.

Community
Intermediate