Does this skill support standalone components?

Yes, it targets Angular 21 where standalone is the default behavior. The skill specifically omits the redundant 'standalone: true' property while following standalone architecture.

How does it handle component styling?

It follows a 'No Wrapping Divs' philosophy, applying Tailwind classes directly to the component host element via the host property or dynamic hostClasses computed signals.

Is this skill restricted to Momentum CMS?

While it defaults to Momentum CMS conventions (like the 'mcms-' prefix), the architectural patterns follow universal modern Angular best practices suitable for any high-performance project.

What files does the generator create?

It generates a TypeScript component class, an HTML template for complex views, and a spec.ts file for testing, while also updating the library index for exports.

Momentum CMS Component Generator

Name: Momentum CMS Component Generator
Author: DonaldMurillo

byDonaldMurillo

•

设计工具

Generates high-performance Angular components using modern Signals, OnPush change detection, and host-based styling patterns.

This skill automates the creation of Angular components optimized for the Momentum CMS ecosystem and modern Angular standards. It streamlines development by scaffolding production-ready code that implements Angular 21 best practices, including signal-based inputs and outputs, the inject() function for dependency injection, and advanced host-element styling to eliminate unnecessary DOM nesting. By enforcing OnPush change detection and strict typing, it ensures that every generated UI component is both performant and maintainable within a large-scale design system.

主要功能

01Scaffolds Angular 21 signal-based components (input, output, computed)

02Enforces OnPush change detection for optimal application performance

032 GitHub stars

04Integrates McmsThemeService for seamless dark mode and theme support

05Implements host-based styling to prevent unnecessary wrapper divs in the DOM

06Automates directory structuring and public exports within library paths

使用场景

01Quickly bootstrapping new UI elements in a Momentum CMS library

02Ensuring consistent host-level Tailwind styling across a shared design system

03Migrating legacy components to modern Angular Signal-based patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add donaldmurillo/momentum-cms component

For use in Claude.ai and ChatGPT

Download Skill