mcpField
A
angular-best-practices-material

angular-best-practices-material

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

angular-best-practices-material について

Angular開発者向けに、Angular MaterialとCDKのコンポーネント、テーマ、ユーティリティ、テストの指針をまとめたスキルです。選択的なインポート、M3テーマ、CDK機能、テストハーネスを扱い、angular-best-practicesを補完します。

主な機能

  1. 01スタンドアロン形式の選択的インポート
  2. 02CSSプロパティを使うM3テーマ
  3. 03CDKオーバーレイと仮想スクロール
  4. 04Materialコンポーネントのテストハーネス

活用シーン

  1. 01Materialコンポーネントの設定
  2. 02M3テーマのセットアップ
  3. 03CDKオーバーレイやドラッグ＆ドロップの利用
  4. 04Materialコンポーネントのテスト

インストール

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

$npx skills add https://github.com/alfredoperez/angular-best-practices --skill angular-best-practices-material

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

同梱ファイルAGENTS.md

詳細

Angular Material のベストプラクティス

コンポーネントの使用、テーマ設定、テストに関する Angular Material と CDK のルールです。Angular を包括的にカバーするには、コアの angular-best-practices スキルと併用してください。

リンク

適用する場面

  • Material コンポーネントをインポートして設定する場合
  • デザイントークンを使って M3 のテーマを設定する場合
  • オーバーレイ、ドラッグ＆ドロップ、仮想スクロールに CDK ユーティリティを使用する場合
  • Material コンポーネントのテストを作成する場合

ルール

ルール影響度説明
Material モジュールを選択的にインポートするMEDIUMスタンドアロンインポートを使って未使用のコンポーネントをツリーシェイクします
Angular Material のテーマシステムを使用するMEDIUMCSS カスタムプロパティを使う M3 テーマ API
カスタム実装より CDK ユーティリティを使用するMEDIUM実績のあるオーバーレイ、仮想スクロール、アクセシビリティのプリミティブ
Material コンポーネントにはテストハーネスを使用するHIGH内部 DOM の変更に影響されない安定したテスト

インストール

skills.sh/alfredoperez/angular-best-practices からインストールします。

コメント

Markdown 対応