angular-best-practices-primeng

star 34

PrimeNG best practices for Angular. Covers tree-shaking imports, lazy-loaded tables, and the Aura/Lara theme system with design tokens. Activates when working with primeng components. Do not use for Angular Material, Spartan UI, or other component libraries. Install alongside angular-best-practices for full coverage.

alfredoperez By alfredoperez schedule Updated 3/1/2026

name: angular-best-practices-primeng description: >- PrimeNG best practices for Angular. Covers tree-shaking imports, lazy-loaded tables, and the Aura/Lara theme system with design tokens. Activates when working with primeng components. Do not use for Angular Material, Spartan UI, or other component libraries. Install alongside angular-best-practices for full coverage. license: MIT metadata: author: alfredoperez version: "1.2.0" tags: [angular, primeng, ui-components] globs: - "/*.ts" - "/.component.ts" - "**/.html"

Angular PrimeNG Best Practices

PrimeNG rules for component imports, table performance, and theming. Use with the core angular-best-practices skill for comprehensive Angular coverage.

Links

When to Apply

  • Importing PrimeNG standalone components
  • Configuring tables with server-side pagination or virtual scrolling
  • Setting up Aura/Lara themes with design tokens

Rules

Rule Impact Description
Tree-Shake PrimeNG Imports MEDIUM Standalone component imports for smaller bundles
Use PrimeNG Table with Lazy Loading HIGH Server-side pagination for large datasets
Use PrimeNG Theme System MEDIUM Design tokens via providePrimeNG instead of CSS overrides

Install

Install from skills.sh/alfredoperez/angular-best-practices:

Install via CLI
npx skills add https://github.com/alfredoperez/angular-best-practices --skill angular-best-practices-primeng
Repository Details
star Stars 34
call_split Forks 1
navigation Branch main
article Path SKILL.md
More from Creator
alfredoperez
alfredoperez Explore all skills →