mcpField
A
angular-state-management

angular-state-management

github.com/sickn33開発48.7k391 回インストール今日更新
リポジトリ

angular-state-management について

angular-state-management は、Angular 開発者向けの状態管理ガイドです。Signals によるローカル状態からグローバルストア、サーバー状態の同期まで、実装・デバッグ・移行を扱います。

主な機能

  1. 01Angular の状態管理パターンガイド
  2. 02Signals とグローバルストアの選定
  3. 03コンポーネント単位の状態管理
  4. 04楽観的更新の実践
  5. 05状態問題のデバッグと移行

活用シーン

  1. 01Angular アプリのグローバル状態設計
  2. 02Signals、NgRx、Akita の比較
  3. 03状態関連の問題の調査
  4. 04旧来の状態管理方式からの移行

インストール

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

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill angular-state-management

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

同梱ファイル

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

metadata.json
README.md
references/
detailed-guide.md

詳細

Angular の状態管理

Signal ベースのローカル状態から、グローバルストアやサーバー状態の同期まで、最新の Angular 状態管理パターンを網羅したガイドです。

詳細ガイド

このスキルを実行する前に、詳細ガイドをお読みください。完全な手順と参考資料が記載されています。安全性、前提条件、検証要件は必須事項として遵守してください。特定の作業では関連するセクションを参照し、最初から最後まで作業する場合はガイド全体をお読みください。

このスキルを使用する場合

  • Angular でグローバル状態管理を設定する
  • Signals、NgRx、Akita のどれを使うか選ぶ
  • コンポーネントレベルのストアを管理する
  • 楽観的更新を実装する
  • 状態関連の問題をデバッグする
  • 従来の状態管理パターンから移行する

このスキルを使用しない場合

  • タスクが Angular の状態管理に関係しない
  • React の状態管理が必要 → react-state-management を使用してください

制限事項

  • タスクが上記の説明範囲に明確に当てはまる場合にのみ、このスキルを使用してください。
  • 出力を、環境固有の検証、テスト、専門家によるレビューの代わりとして扱わないでください。
  • 必要な入力、権限、安全上の制約、または成功基準が不足している場合は、作業を中断して確認を求めてください。

例

共有カートカウンターでは、非公開の書き込み可能なシグナルと、公開の読み取り専用シグナルを使用します。リモートのカート更新では、認可をサーバー側で行い、楽観的更新のロールバックを追加する前に、2 件の更新が重複するケースをテストしてください。

コメント