angular-component

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

analogjs 596 ↓ 9.8k MIT updated 4mo ago
Claude Code
View source ↗

What it does

  • Pass AXE accessibility checks
  • Meet WCAG AA standards
  • Include proper ARIA attributes for interactive elements
  • Support keyboard navigation
  • Maintain visible focus indicators

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

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

Source

Repository: https://github.com/analogjs/angular-skills

angular-component FAQ

What does the angular-component skill do?

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. Pass AXE accessibility checks Meet WCAG AA standards

How do I install angular-component?

Run: npx -y skills add https://github.com/analogjs/angular-skills --skill angular-component --agent claude-code — the source lives at github.com/analogjs/angular-skills.

Maintain angular-component?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

angular-component on getagentictools
[![angular-component on getagentictools](https://getagentictools.com/badge/skills/analogjs-angular-skills-angular-component.svg)](https://getagentictools.com/skills/analogjs-angular-skills-angular-component?ref=badge)
npx agentictools info skills/analogjs-angular-skills-angular-component

The second line is the CLI lookup for this page — handy in READMEs and docs.