angular-best-practices
为Angular应用提供性能优化与代码规范的AI技能包。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：angular-best-practices。 它的用途是：为Angular应用提供性能优化与代码规范的AI技能包。 完整的 Skill 内容见：https://321skill.com/skills/angular-best-practices/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“请检查这个Angular组件的模板，看看有没有性能问题。” 它会基于技能包中的规则，分析是否使用了低效的`*ngFor`、缺少`trackBy`，或存在可能引起不必要变更检测的表达式。然后，它会具体指出问题所在，并给出按照最佳实践修改的代码示例。
介绍
这是一个专为AI代理和大型语言模型设计的Angular最佳实践技能包，旨在帮助开发者系统性地提升Angular应用的性能和代码质量。它通过一套结构化的规则集，覆盖了从变更检测、打包懒加载到RxJS优化、模板性能等关键领域，将复杂的优化知识封装成AI可直接理解和执行的指导原则。
使用方式非常便捷，开发者只需通过命令行工具将对应的技能包安装到Angular项目中，AI助手（如Claude、Cursor等）在分析或编写项目代码时，便会自动调用这些内置规则，提供针对性的优化建议和代码审查，将最佳实践融入日常开发流程。
该技能包非常适合正在开发或维护中大型Angular项目的团队，尤其是那些希望借助AI能力来统一代码标准、预防性能瓶颈、并降低新人学习成本的开发者。无论是使用最新Angular 20+信号机制的项目，还是基于Angular 12-16传统架构的遗留系统，都能找到对应的优化方案。
与零散的博客文章或通用编码规范相比，它的核心区别在于：这是一个为AI交互而深度结构化、分类并赋予优先级的知识库。它并非简单的规则罗列，而是将35条以上的具体规则按影响程度（CRITICAL, HIGH等）和类别组织，使AI能像领域专家一样，进行有重点、分层次的智能分析和建议，实现了最佳实践的“可操作化”与“自动化”。
核心特点
本技能包专为AI交互设计，将数十条Angular最佳实践深度结构化、分类并赋予优先级，使AI能像专家一样进行有层次的重点分析；同时提供针对不同Angular版本（现代v20+与遗留12-16）和专项领域（CSS BEM、命名规范）的独立技能，精准匹配项目技术栈。
注意事项
不适用于非Angular技术栈的前端项目（如React、Vue），且主要侧重于性能与代码规范，不包含业务逻辑实现或UI组件库的具体用法。
常见问题
Angular最佳实践技能包怎么用？
通过npx skills add命令安装到项目，AI助手在编码或审查时会自动应用其中的规则给出建议。
我的项目是Angular 15，该用哪个技能？
应选择`angular-best-practices-legacy`技能，它专为Angular 12-16（使用NgModules、RxJS、*ngFor/*ngIf）设计。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/angular-best-practices/raw/index.md 读取 angular-best-practices 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/angular-best-practices/raw/index.md（查看排版版本）