angular-schematics

Original：🇺🇸 English

Translated

ALWAYS use when working with Angular Schematics, custom generators, code generation, or building CLI tools in Angular.

2installs

Sourceoguzhan18/angular-ecosystem-skills

Added on2026-04-03

NPX Install

npx skill4agent add oguzhan18/angular-ecosystem-skills angular-schematics

SKILL.md Content

View Translation Comparison →

Angular Schematics

Version: Angular 21 (2025) Tags: Schematics, Generators, CLI, Code Generation

References: Schematics Guide • @schematics/angular

Best Practices

Create schematic

bash

npm install -g @angular-devkit/schematics-cli
schematics schematics .:my-schematic

Create rule

import { Rule, SchematicContext, Tree } from '@angular-devkit/schematics';

export function myScheme(options: any): Rule {
  return (tree: Tree, context: SchematicContext) => {
    tree.create(options.path + '/file.ts', 'content');
    return tree;
  };
}

Use templates

import { apply, url, template } from '@angular-devkit/schematics';

export function myScheme(options: any): Rule {
  const templateSource = apply(url('./files'), [
    template({ ...options }),
    move(options.path)
  ]);
  return chain([mergeWith(templateSource)]);
}