Claude Code Plugins

Community-maintained marketplace

Feedback

performance

@pluginagentmarketplace/custom-plugin-angular
2
0

Angular performance optimization, change detection strategies, and bundle optimization

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name performance
description Angular performance optimization, change detection strategies, and bundle optimization
sasmp_version 1.3.0
bonded_agent 05-routing-performance
bond_type PRIMARY_BOND

Angular Performance Skill

Overview

Optimize Angular applications for maximum performance through change detection strategies, lazy loading, and bundle optimization techniques.

Topics Covered

Change Detection

  • OnPush change detection strategy
  • ChangeDetectorRef usage
  • Zone.js optimization
  • Zoneless Angular applications
  • Immutable data patterns

Bundle Optimization

  • Tree shaking effectiveness
  • Code splitting strategies
  • Lazy loading modules
  • Preloading strategies
  • Bundle analyzer usage

Runtime Performance

  • TrackBy for ngFor
  • Virtual scrolling
  • Debouncing and throttling
  • Memory leak prevention
  • Web Workers usage

Build Optimization

  • Production builds
  • AOT compilation benefits
  • Differential loading
  • Source map strategies
  • Compression techniques

Prerequisites

  • Angular Core fundamentals
  • Module architecture
  • Browser DevTools familiarity

Learning Outcomes

  • Implement OnPush change detection
  • Optimize bundle sizes
  • Profile and fix performance issues
  • Build highly performant applications