Summary
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-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
