Angular Zoneless

This helps Claude work with Angular's zoneless change detection mode, which ditches zone.js in favor of signals and explicit reactivity. It covers the provideZonelessChangeDetection setup, signal and computed usage, and handling async operations without automatic change detection. The skill is focused on Angular 19+ where zoneless is stable, though it's been experimental since v17. If you're migrating an existing Angular app off zone.js or starting fresh with signals, this gives Claude the patterns for making components reactive without the zone overhead. It's a narrower skill but essential if you're going all in on Angular's new reactivity model.

skills.sh installs: 170
GitHub stars: 7
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add oguzhan18/angular-ecosystem-skills --skill angular-zoneless --agent claude-code

Installs into .claude/skills of the current project.

Files

Angular Zoneless

Version: Angular 19+ (2025) Tags: Zoneless, Change Detection, Signals, Reactivity

References: Zoneless Guide • Signals

API Changes

This section documents recent version-specific API changes.

NEW: provideZonelessChangeDetection — Enable zoneless mode source
NEW: afterNextRender — Run code after rendering without zone.js
NEW: Experimental Zoneless — Available since Angular 17, stable in Angular 19+
NEW: signal() + computed() — Works without zone.js

Best Practices

Enable zoneless change detection

export const appConfig: ApplicationConfig = {
  providers: [
    provideZonelessChangeDetection()
  ]
};

Use signals for reactivity

@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `
    <p>Count: {{ count() }}</p>
    <p>Double: {{ double() }}</p>
  `
})
export class CounterComponent {
  count = signal(0);
  double = computed(() => this.count() * 2);

  increment() {
    this.count.update(c => c + 1);
  }
}

SKILL.md on GitHub