Optimize
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.
- installs
- 81.1K
- GitHub stars
- 89.4K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add pbakaus/impeccable --skill optimize --agent claude-codeInstalls into .claude/skills of the current project.
Files
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.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/pbakaus/impeccable
- Category
- Debugging
