analogjs/angular-skills

angular-component

DEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. Create modern Angular standalone components following v20+ best practices. Use for building UI components with signal-based inputs/outputs, OnPush change detection, host bindings, content projection, and lifecycle hooks. Triggers on component creation, refactoring class-based inputs to signals, adding host bindings, or implementing accessible interactive components.

All-time #1436 Hot #4195 First seen Jan 24, 2026
8-week activity · all time api

Installation

$ npx skills add analogjs/angular-skills --skill angular-component

Summary

  • 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

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from analogjs/angular-skills.

npx skills add analogjs/angular-skills

Browse all from analogjs/angular-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 591
License LICENSE
Default branch main
Open issues 0
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,035 B
  • docs SUMMARY.md 1,012 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 10,729 installs

SKILL.md

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:

```sh
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.