Back to Skills

performance

verified

Angular performance optimization, change detection strategies, and bundle optimization

View on GitHub

Marketplace

pluginagentmarketplace-angular

pluginagentmarketplace/custom-plugin-angular

Plugin

angular-development-assistant

Repository

pluginagentmarketplace/custom-plugin-angular
2stars

skills/performance/SKILL.md

Last Verified

January 16, 2026

Install Skill

Select agents to install to:

Scope:
npx add-skill https://github.com/pluginagentmarketplace/custom-plugin-angular/blob/main/skills/performance/SKILL.md -a claude-code --skill performance

Installation paths:

Claude
.claude/skills/performance/
Powered by add-skill CLI

Instructions

# 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

Validation Details

Front Matter
Required Fields
Valid Name Format
Valid Description
Has Sections
Allowed Tools
Instruction Length:
1047 chars