Angular Performance

If you're working on Angular apps and tired of sluggish image loading, this skill pushes NgOptimizedImage as the standard approach. It covers the essentials: priority loading for LCP images, automatic lazy loading for everything else, and fill mode for backgrounds. The "REQUIRED for images" in the title is opinionated but not wrong. Angular's built-in image directive genuinely handles most of the performance work you'd otherwise do manually with srcset and loading attributes. This is a solid reference if you're trying to hit Core Web Vitals targets or just want your Angular app to feel snappier without wrestling with image optimization yourself.

Install to Claude Code

npx -y skills add gentleman-programming/gentleman-skills --skill angular-performance --agent claude-code