alfredoperez avatar

Angular Best Practices Primeng

Covers the main PrimeNG gotchas: tree-shaking standalone component imports, lazy-loaded tables for large datasets, and the Aura/Lara theme system with design tokens instead of CSS overrides. This is a companion to the core angular-best-practices skill, so you'll want both for full coverage. The three rules are focused on bundle size and performance, which makes sense since PrimeNG ships with a lot of components. If you're building Angular apps with PrimeNG and want Claude to suggest the modern patterns (standalone imports, virtual scrolling, providePrimeNG theming), this handles that specific slice while the main skill covers framework-level stuff.

skills.sh installs
951
GitHub stars
36
last updated
Jul 14, 2026

Install

$ npx -y skills add alfredoperez/angular-best-practices --skill angular-best-practices-primeng --agent claude-code

Installs into .claude/skills of the current project.

Files

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

RuleImpactDescription
Tree-Shake PrimeNG ImportsMEDIUMStandalone component imports for smaller bundles
Use PrimeNG Table with Lazy LoadingHIGHServer-side pagination for large datasets
Use PrimeNG Theme SystemMEDIUMDesign tokens via providePrimeNG instead of CSS overrides

Install

Sponsors

Details

Repository
github.com/alfredoperez/angular-best-practices
Category
Frontend Development
First seen
Jun 3, 2026

More from alfredoperez/angular-best-practices

All 10
1mindrally avatarastromindrally/skillsExpert in Astro framework with static generation and partial hydration patterns912skills.sh installs
2microsoft avataragent-sessions-layoutmicrosoft/vscodeAgents workbench layout — covers the fixed layout structure, grid configuration, part visibility, editor modal, titlebar, sidebar footer, and implementation req911skills.sh installs
3prowler-cloud avatarzustand-5prowler-cloud/prowlerZustand 5 state management patterns. Trigger: When implementing client-side state with Zustand (stores, selectors, persist middleware, slices).911skills.sh installs
4affaan-m avatarreact-patternsaffaan-m/everything-claude-codereact patterns893skills.sh installs
5affaan-m avatarfrontend-a11yaffaan-m/everything-claude-codefrontend a11y870skills.sh installs
6manutej avatarui-design-patternsmanutej/luxor-claude-marketplaceCommon interface patterns, navigation patterns, form patterns, data display patterns, feedback patterns, and accessibility considerations854skills.sh installs