ng-zorro-developer
Installation
SKILL.md
NG-ZORRO Developer Guidelines
Pairs with
angular-developer, that skill provides Angular fundamentals (signals, DI, routing, forms, SSR, accessibility). This skill focuses on NG-ZORRO specifics. Install both for the best experience.
Compatibility
- Tracks:
ng-zorro-antd@22.0.0, aligned with Angular^22.0.0. NG-ZORRO follows Angular's major version, the major number ofng-zorro-antdalways matches@angular/core. - v21 → v22 (real breaking changes): v22 removes long-deprecated inputs and changes date-component setup. The headline items: date-related components no longer ship a default date adapter (call
provideNzDateFnsAdapter()explicitly, anddate-fnsis now v4); all components moved toOnPush; and a batch of deprecated APIs were removed (nz-buttonnzSearch,nz-cascadernzDisplayWith,nz-inputnzAutosize+nz-input-groupslots +nzStepperless,nz-modalnzOnOk/nzOnCancelinput usage,nz-uploadnzTransformFile,nz-tooltipcdkConnectedOverlayPush, plus dropdown/collapse/message/transfer removals). See migration.md. - Works for: NG-ZORRO v17 → v22 projects. The skill assumes the v21/v22 API surface, the
migration.mdreference covers the module → standalone shift, the i18n provider change, the v22 removals, and the per-version deprecations. - Angular: v17 or newer (standalone components and the new control flow); v22 for
ng-zorro-antd@22. v22 is the closest match. - Zoneless / OnPush: NG-ZORRO officially supports zoneless change detection and
ChangeDetectionStrategy.OnPush, the components are signal-aware and usemarkForCheck()internally where needed. - SSR: First-class. Works under Angular Universal /
@angular/ssr. - Internationalisation:
provideNzI18n(en_US)at the root, swap locales at runtime viaNzI18nService. - Not supported: NG-ZORRO v16 and below (Angular v16 and below, NgModule-only patterns, no signals support).
If the project's ng-zorro-antd major doesn't match @angular/core, the install will fail npm peer checks. Tell the user to upgrade Angular first, then NG-ZORRO, in lockstep, see migration.md.
- Check the project's NG-ZORRO version before answering. Major versions track Angular and pick up real changes, the i18n provider became
provideNzI18nin v17, full standalone-class exports landed in v18, dynamic theme is still experimental in v21.package.jsonis the source of truth.