angular-component

SKILL.md

Build standalone Angular v20+ components with signals, OnPush detection, and modern control flow.

Signal-based inputs and outputs replace traditional @Input and @Output decorators, with support for required inputs, defaults, transforms, and computed values

Host bindings configured via the host object enable dynamic class/style/attribute binding and event listeners without decorator syntax

Native control flow (@if, @for, @switch) replaces structural directives; direct class and style bindings replace ngClass and ngStyle

Content projection with named slots, lifecycle hooks via afterRender/afterNextRender, and mandatory WCAG AA accessibility compliance with ARIA attributes and keyboard support

Angular Component

⚠️ Deprecated. This skill is no longer maintained, and its guidance has been
removed rather than left to go stale. The Angular team now publishes official
skills at angular/skills — install those
instead:

npx skills add https://github.com/angular/skills

To remove these: npx skills remove analogjs/angular-skills

The previous contents of this skill remain available in this repository's git
history.