Profiles and reduces frontend/backend costs: split bundles, optimize assets, apply caching, and fix Core Web Vitals regressions. Use when profiling Lighthouse/CI regressions, reducing bundle size, or fixing high CLS/LCP/TTI metrics.
97
100%
Does it follow best practices?
Impact
87%
0.94xAverage score across 3 eval scenarios
Passed
No known issues
Frontend event handling and code splitting
Debounce implemented
100%
100%
Debounce delay ~300ms
100%
100%
clearTimeout used
100%
100%
Dynamic import used
100%
100%
Lazy load on demand
100%
100%
Event listener cleanup
100%
100%
No inline styles
100%
100%
NOTES explains debounce
100%
100%
NOTES explains lazy loading
100%
100%
NOTES explains cleanup
100%
100%
Node.js async I/O, streams, and data structure optimization
No readFileSync
100%
100%
Streaming input
100%
100%
Streaming output
100%
100%
Set or Map for blocklist
100%
100%
No array iteration per lookup
100%
100%
approach.md - async rationale
100%
100%
approach.md - data structure rationale
100%
100%
Correct filtering
100%
100%
React profiling workflow and memoization
React.Profiler used
100%
0%
onRender callback
100%
0%
React.memo conditional
100%
100%
No premature memoization
100%
100%
Stable key props
100%
100%
No inline styles
0%
0%
Profiling tools named
100%
100%
5-step workflow present
100%
100%
Rollback plan included
30%
70%
Changelog/notes fix
0%
0%
18c6f2c
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.