Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
oguzhan18 avatar

Angular Schematics

  • 182 installs
  • 6 repo stars
  • Updated April 4, 2026
  • oguzhan18/angular-ecosystem-skills

Author custom ng generate schematics and workspace automation to scaffold components, enforce folder conventions, and codify team templates inside Angular CLI workflows.

About

Teaches building custom Angular schematics and CLI automation for code generation, workspace transforms, schematic rules, collection packaging, and testable ng generate workflows for team standards.

  • Custom schematic collections
  • Rule, chain, and merge strategies
  • ng generate and ng add hooks
  • Workspace JSON manipulation
  • Testing schematics with SchematicTestRunner

Angular Schematics by the numbers

  • 182 all-time installs (skills.sh)
  • +1 installs in the week ending Aug 4, 2026 (Skillselion tracking)
  • Ranked #605 of 2,715 Automation & Workflows skills by installs in the Skillselion catalog
  • Data as of Aug 4, 2026 (Skillselion catalog sync)
npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-schematics

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs182
repo stars6
Last updatedApril 4, 2026
Repositoryoguzhan18/angular-ecosystem-skills

What it does

Author custom ng generate schematics and workspace automation to scaffold components, enforce folder conventions, and codify team templates inside Angular CLI workflows.

Files

SKILL.mdMarkdownGitHub ↗

Angular Schematics

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

References: Schematics Guide@schematics/angular

Best Practices

  • Create schematic
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)]);
}

Related skills

Automation & Workflowsdevopsintegrationsdocs

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.