mcpField
A
angular-best-practices-primeng

angular-best-practices-primeng

github.com/alfredoperez开发36944 次安装31 周前更新
代码仓库

关于 angular-best-practices-primeng

面向 Angular 开发者的 PrimeNG 实践补充 Skill,聚焦组件导入、大型表格性能和主题配置,并配合 angular-best-practices 使用。

主要功能

  1. 01独立组件导入
  2. 02大型表格延迟加载
  3. 03服务端分页指导
  4. 04Aura 与 Lara 主题令牌

适用场景

  1. 01通过选择性导入缩减打包体积
  2. 02为大型数据集配置表格
  3. 03使用设计令牌设置 PrimeNG 主题

安装

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

$npx skills add https://github.com/alfredoperez/angular-best-practices --skill angular-best-practices-primeng

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

附带文件AGENTS.md

详细介绍

Angular PrimeNG 最佳实践

PrimeNG 在组件导入、表格性能和主题配置方面的规则。与核心 angular-best-practices 技能搭配使用,可全面覆盖 Angular。

链接

适用场景

  • 导入 PrimeNG 独立组件
  • 为表格配置服务端分页或虚拟滚动
  • 使用设计令牌设置 Aura/Lara 主题

规则

规则影响描述
对 PrimeNG 导入进行 Tree-Shake中导入独立组件以缩小打包体积
对 PrimeNG 表格使用延迟加载高对大型数据集进行服务端分页
使用 PrimeNG 主题系统中通过 providePrimeNG 使用设计令牌,而非覆盖 CSS

安装

从 skills.sh/alfredoperez/angular-best-practices 安装:

评论

支持 Markdown