When your app feels sluggish or users complain about slow loading, this skill systematically diagnoses performance bottlenecks across Core Web Vitals, bundle sizes, and rendering issues. It provides specific fixes like image optimization with proper srcset attributes, JavaScript code splitting strategies, and CSS containment rules. The skill emphasizes measurement-driven optimization, helping you identify whether the problem is initial load time, interaction lag, or layout shifts. It covers React-specific optimizations like memo and useMemo, plus framework-agnostic techniques for smooth 60fps animations and efficient API calls.
npx -y skills add pbakaus/impeccable --skill optimize --agent claude-codeInstalls into .claude/skills of the current project.
Select a file.
JamieMason/syncpack
awslabs/agent-plugins
github/awesome-copilot
addyosmani/agent-skills