关于 angular
面向构建或更新 Angular 应用的开发者，提供现代 Angular 开发指导。内容涵盖 Signals、Standalone Components、Zoneless 应用、SSR 与 hydration，并要求参阅详细指南了解流程和参考资料。
主要功能
- 01基于 Signals 的响应式模式
- 02Standalone Components 与迁移
- 03Zoneless 应用配置
- 04SSR、预渲染与 hydration
- 05性能优化指导
适用场景
- 01构建 Angular 应用
- 02从 NgModules 迁移
- 03配置 SSR 与 hydration
- 04提升 Angular 性能
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/angular确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
metadata.jsonREADME.mdreferences/detailed-guide.md详细介绍
Angular 专家
精通现代 Angular 开发，涵盖 Signals、Standalone Components、无 Zone 应用、SSR/水合以及最新的响应式模式。
详细指南
执行此技能前，请阅读详细指南。其中保留了完整流程和参考资料。请将其中的安全要求、前置条件和验证要求视为强制要求。对于有针对性的工作，请加载相关章节；对于端到端工作，请完整阅读指南。
何时使用此技能
- 构建新的 Angular 应用（v20+）
- 实现基于 Signals 的响应式模式
- 创建 Standalone Components，以及从 NgModules 迁移
- 配置无 Zone 的 Angular 应用
- 实现 SSR、预渲染和水合
- 优化 Angular 性能
- 采用现代 Angular 模式和最佳实践
不要在以下情况使用此技能
- 从 AngularJS（1.x）迁移 → 使用
angular-migration技能 - 处理无法升级的旧版 Angular 应用
- 一般 TypeScript 问题 → 使用
typescript-expert技能
安全
- 在投入生产前，务必在开发环境中测试更改
- 对现有应用逐步迁移（不要一次性大规模重构）
- 在过渡期间保持向后兼容性
限制
- 仅当任务明确符合上述范围时，才使用此技能。
- 不要将输出视为针对具体环境进行验证、测试或专家审查的替代品。
- 如果缺少必要的输入、权限、安全边界或成功标准，请停止并请求澄清。
示例边界
示例是代码片段，省略了项目导入、类型和组件，例如 ItemComponent、HeaderDirective、User 和 Product；请提供它们的实际定义。effect 和 toSignal 需要注入上下文或显式注入器。路由守卫可以改善导航体验，但每个服务端点都必须实施授权；请将 returnUrl 验证为允许的内部路由。不要记录真实的表单或账户数据。
在完整组件中使用模板导入，以及语义化的标签和替代文本。请将图像占位符替换为实际支持的数据 URL 或已配置的加载器。产品数据加载需要处理取消和过期响应、错误状态，以及重复调用时的生命周期策略。只读信号不会深度冻结对象。构造函数注入和 @Input 仍是受支持的模式；只有在有具体收益时才迁移。请按请求配置 SSR 状态/缓存提供程序，以避免不同用户间的数据泄漏。本指南尚未经过编译或浏览器测试。
评论
支持 Markdown