mcpField
A
angular-state-management

angular-state-management

github.com/sickn33开发48.7k391 次安装今天更新
代码仓库

关于 angular-state-management

angular-state-management 为 Angular 开发者提供状态管理指南,涵盖从 Signals 本地状态到全局 Store 和服务端状态同步,并涉及实现、调试与迁移。

主要功能

  1. 01Angular 状态管理模式指南
  2. 02Signals 与全局 Store 选型
  3. 03组件级状态管理
  4. 04乐观更新实践
  5. 05状态问题调试与迁移

适用场景

  1. 01为 Angular 应用设计全局状态
  2. 02比较 Signals、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 状态管理

现代 Angular 状态管理模式综合指南,涵盖基于 Signal 的本地状态、全局存储和服务端状态同步。

详细指南

执行此技能前,请阅读详细指南。其中保留了完整的操作流程和参考资料。必须遵守其中的安全要求、前置条件和验证要求。针对特定任务,请加载相关章节;若要完成端到端的任务,请通读整份指南。

适用场景

  • 在 Angular 中设置全局状态管理
  • 在 Signals、NgRx 或 Akita 之间进行选择
  • 管理组件级存储
  • 实现乐观更新
  • 调试与状态相关的问题
  • 从旧版状态模式迁移

不适用场景

  • 任务与 Angular 状态管理无关
  • 需要 React 状态管理 → 使用 react-state-management

限制

  • 仅当任务明确符合上述范围时,才使用此技能。
  • 不要将输出视为针对特定环境的验证、测试或专家审查的替代方案。
  • 如果缺少必需的输入、权限、安全边界或成功标准,请停止并请求澄清。

示例

对于共享购物车计数器,请使用私有可写 Signal 和公开只读 Signal。对于远程购物车写入,请将授权保留在服务端,并在添加乐观回滚前测试两次重叠更新。

评论

支持 Markdown