Use when you have a written implementation plan to execute in a separate session with review checkpoints
performance
2
1
# Install this skill:
npx skills add pluginagentmarketplace/custom-plugin-angular --skill "performance"
Install specific skill from multi-skill repository
# Description
Angular performance optimization, change detection strategies, and bundle optimization
# 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
# Related Skills
Use when starting any conversation - establishes how to find and use skills, requiring Skill...
|
|
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Amp
Antigravity
Claude Code
Clawdbot
Codex
Cursor
Droid
Gemini CLI
GitHub Copilot
Goose
Kilo Code
Kiro CLI
OpenCode
Roo Code
Trae
Windsurf
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.