mcpField
A
angular-best-practices

angular-best-practices

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

关于 angular-best-practices

为 Angular 应用开发和代码审查提供性能优化指南,适用于编写组件、改进渲染及调整加载表现。内容按规则组织,涵盖打包、数据获取与 SSR/hydration。

主要功能

  1. 01按优先级整理优化规则
  2. 02覆盖组件与页面开发
  3. 03指导数据获取模式
  4. 04涵盖打包与渲染优化
  5. 05涉及 SSR 与 hydration

适用场景

  1. 01编写 Angular 组件或页面
  2. 02审查应用性能问题
  3. 03优化包体积和加载时间
  4. 04配置 SSR 或 hydration

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill angular-best-practices

安装后在 Claude Code 中输入/angular-best-practices确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

metadata.json
README.md
references/
detailed-guide.md

详细介绍

Angular 最佳实践

针对 Angular 应用的全面性能优化指南。包含按优先级排列的规则,用于消除性能瓶颈、优化 bundle 以及改进渲染。

详细指南

在执行此技能之前,请先阅读详细指南。该指南保留了完整的流程和参考资料。请将其安全性、前提条件和验证要求视为强制要求。对于有针对性的工作,加载相关章节;对于端到端的工作,请完整阅读该指南。

何时使用

在以下情况下参考这些准则:

  • 编写新的 Angular 组件或页面
  • 实现数据获取模式
  • 审查代码中的性能问题
  • 重构现有的 Angular 代码
  • 优化 bundle 大小或加载时间
  • 配置 SSR/hydration

限制

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

评论

支持 Markdown