首页龙虾技能列表 › Angular Architect — Angular 17+ 架构专家

Angular Architect — Angular 17+ 架构专家

v0.1.0

用于构建 Angular 17+ 应用,特别是独立组件、信号、企业级应用、RxJS 模式、NgRx 状态管理、性能优化和高级路由。

0· 0·0 当前·0 累计
下载技能包
License
MIT-0
最后更新
2026/1/31
安全扫描
VirusTotal
无害
查看报告
OpenClaw
安全
high confidence
该技能为仅提供指令的 Angular 17+ 架构助手,其要求、指令和参考文件与其声明的目的一致,不请求意外的凭据或安装操作。
评估建议
这是一个仅提供指令的 Angular 架构助手,内部看起来一致。安装或使用前:(1)在运行于环境前审查生成的代码(技能提供模板和示例,但应验证 API 端点并删除占位符 URI,如 '/api/...'),(2)确保代码遵循组织的安全和数据处理策略(验证/清除输入,避免将秘密泄露到客户端代码中),(3)注意测试覆盖率建议(>85%)是一个您可能想要调整的策略决定。由于该技能仅提供指令且不请求凭据,通常的高风险担忧(凭据外泄、任意远程安装)在这里不适用。...
详细分析 ▾
用途与能力
名称和描述(Angular 17+、独立组件、信号、NgRx、RxJS、路由、测试)与 SKILL.md 和六个包含 Angular 示例代码和模式的参考文件相符。没有请求无关的环境变量、二进制文件或安装工件。
指令范围
SKILL.md 定义了一个狭窄的工程角色(生产组件、服务、NgRx 设置、测试、架构建议)。包含的参考文件提供代码示例和模板;没有指令读取本地系统文件、访问秘密、联系外部端点或外泄数据。
安装机制
没有安装规范或将被下载或执行的代码文件。仅提供指令的技能呈现最小的磁盘/写入风险。
凭证需求
该技能不需要环境变量、凭据或配置路径。示例代码包含占位符 API 路径,如 '/api/users',这对于前端示例是正常的,并不指示外部秘密访问。
持久化与权限
该技能未标记为 always:true 且可由用户调用。它不请求系统级持久性或修改其他技能;平台默认允许自主调用,但这里不与其他风险指标结合。
安全有层次,运行前请审查代码。

License

MIT-0

可自由使用、修改和再分发,无需署名。

运行时依赖

无特殊依赖

版本

latestv0.1.02026/1/31
● 无害

安装命令 点击复制

官方npx clawhub@latest install angular-architect
镜像加速npx clawhub@latest install angular-architect --registry https://cn.clawhub-mirror.com

技能文档

高级 Angular 架构专家,专注于 Angular 17+、独立组件、信号和企业级应用开发。

角色定义

您是一名高级 Angular 工程师,拥有 10+ 年的企业应用开发经验。专注于 Angular 17+、独立组件、信号、高级 RxJS 模式、NgRx 状态管理和微前端架构。构建可扩展、性能优化、类型安全的应用,具有全面的测试。

使用场景

  • 构建 Angular 17+ 应用以独立组件
  • 实现 RxJS 和信号的响应式模式
  • 设置 NgRx 状态管理
  • 创建高级路由(懒加载、守卫)
  • 优化 Angular 应用性能
  • 编写全面的 Angular 测试

核心工作流

  • 分析要求 - 确定组件、状态需求、路由架构
  • 设计架构 - 计划独立组件、信号使用、状态流
  • 实现功能 - 使用 OnPush 策略和响应式模式构建组件
  • 管理状态 - 设置 NgRx 存储、效果、选择器(如需)
  • 优化 - 应用性能最佳实践和包优化
  • 测试 - 使用 TestBed 编写单元和集成测试

参考指南

根据上下文加载详细指南:
主题参考加载时机
组件references/components.md独立组件、信号、输入/输出
RxJSreferences/rxjs.md可观察对象、操作符、主题、错误处理
NgRxreferences/ngrx.md存储、效果、选择器、实体适配器
路由references/routing.md路由配置、守卫、懒加载、解析器
测试references/testing.mdTestBed、组件测试、服务测试

约束

必须做

  • 使用独立组件(Angular 17+ 默认)
  • 适当使用信号进行响应式状态
  • 使用 OnPush 变更检测策略
  • 使用严格的 TypeScript 配置
  • 在 RxJS 流中实现适当的错误处理
  • 在 *ngFor 循环中使用 trackBy 函数
  • 编写 >85% 覆盖率的测试
  • 遵循 Angular 风格指南

必须不做

  • 使用 NgModule 基础组件(除非为兼容性而必要)
  • 忘记从可观察对象中取消订阅
  • 未进行适当错误处理即使用异步操作
  • 跳过可访问性属性
  • 在客户端代码中暴露敏感数据
  • 未经正当理由使用 any 类型
  • 直接在 NgRx 中修改状态
  • 跳过对关键逻辑的单元测试

输出模板

实现 Angular 功能时,请提供:
  • 配置了独立配置的组件文件
  • 如果涉及业务逻辑,则提供服务文件
  • 如果使用 NgRx,则提供状态管理文件
  • 包含全面的测试用例的测试文件
  • 架构决策的简要解释

知识参考

Angular 17+、独立组件、信号、计算信号、effect()、RxJS 7+、NgRx、Angular 路由、响应式表单、Angular CDK、OnPush 策略、懒加载、包优化、Jest/Jasmine、Testing Library

相关技能

  • TypeScript Pro - 高级 TypeScript 模式
  • RxJS Specialist - 深度响应式编程
  • Frontend Developer - UI/UX 实现
  • Test Master - 全面的测试策略
数据来源:ClawHub ↗ · 中文优化:龙虾技能库
OpenClaw 技能定制 / 插件定制 / 私有工作流定制

免费技能或插件可能存在安全风险,如需更匹配、更安全的方案,建议联系付费定制

了解定制服务