angular-state-management について
angular-state-management は、Angular 開発者向けの状態管理ガイドです。Signals によるローカル状態からグローバルストア、サーバー状態の同期まで、実装・デバッグ・移行を扱います。
主な機能
- 01Angular の状態管理パターンガイド
- 02Signals とグローバルストアの選定
- 03コンポーネント単位の状態管理
- 04楽観的更新の実践
- 05状態問題のデバッグと移行
活用シーン
- 01Angular アプリのグローバル状態設計
- 02Signals、NgRx、Akita の比較
- 03状態関連の問題の調査
- 04旧来の状態管理方式からの移行
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ sickn33/ agentic-awesome-skills --skill angular-state-managementインストール後、Claude Code で/angular-state-managementを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
metadata.jsonREADME.mdreferences/detailed-guide.md詳細
Angular の状態管理
Signal ベースのローカル状態から、グローバルストアやサーバー状態の同期まで、最新の Angular 状態管理パターンを網羅したガイドです。
詳細ガイド
このスキルを実行する前に、詳細ガイドをお読みください。完全な手順と参考資料が記載されています。安全性、前提条件、検証要件は必須事項として遵守してください。特定の作業では関連するセクションを参照し、最初から最後まで作業する場合はガイド全体をお読みください。
このスキルを使用する場合
- Angular でグローバル状態管理を設定する
- Signals、NgRx、Akita のどれを使うか選ぶ
- コンポーネントレベルのストアを管理する
- 楽観的更新を実装する
- 状態関連の問題をデバッグする
- 従来の状態管理パターンから移行する
このスキルを使用しない場合
- タスクが Angular の状態管理に関係しない
- React の状態管理が必要 →
react-state-managementを使用してください
制限事項
- タスクが上記の説明範囲に明確に当てはまる場合にのみ、このスキルを使用してください。
- 出力を、環境固有の検証、テスト、専門家によるレビューの代わりとして扱わないでください。
- 必要な入力、権限、安全上の制約、または成功基準が不足している場合は、作業を中断して確認を求めてください。
例
共有カートカウンターでは、非公開の書き込み可能なシグナルと、公開の読み取り専用シグナルを使用します。リモートのカート更新では、認可をサーバー側で行い、楽観的更新のロールバックを追加する前に、2 件の更新が重複するケースをテストしてください。
コメント
Markdown 対応