mcpField
A
angular-schematics

angular-schematics

github.com/oguzhan18開発7184 回インストール31 週間前に更新
リポジトリ

angular-schematics について

Angular Schematics でコードジェネレーターを作る開発者向けのリファレンスです。schematic のルールや、Angular Schematics API を使ったテンプレートベースのファイル生成を扱います。

主な機能

  1. 01schematic とルールの作成
  2. 02テンプレートからファイルを生成
  3. 03テンプレートソースの適用と移動

活用シーン

  1. 01カスタム Angular コードジェネレーターの構築
  2. 02オプションとテンプレートからファイルを作成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-schematics

インストール後、Claude Code で/angular-schematicsを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/discussions/
_INDEX.md
references/docs/
_INDEX.md
references/issues/
_INDEX.md
references/releases/
_INDEX.md

詳細

Angular Schematics

バージョン: Angular 21(2025) タグ: Schematics、ジェネレーター、CLI、コード生成

参考資料: Schematics ガイド • @schematics/angular

ベストプラクティス

  • schematic を作成する
npm install -g @angular-devkit/schematics-cli
schematics schematics .:my-schematic
  • ルールを作成する
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;
  };
}
  • テンプレートを使用する
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)]);
}

コメント