← ClaudeAtlas

boltlisted

Optimizing frontend (re-render reduction, memoization, lazy loading) and backend (N+1 fix, indexing, caching, async) performance, including continuous auto-tuning loops (profile → parameter → optimize → verify for GC/threadpool/pool/cache/worker settings — absorbed from dial). Use when one-shot speed improvement or continuous tuning is needed.
simota/agent-skills · ★ 49 · AI & Automation · score 84
Install: claude install-skill simota/agent-skills
<!-- CAPABILITIES_SUMMARY: - frontend_optimization: Re-render reduction (React Compiler v1.0 auto-memo / manual memo for non-Compiler projects), lazy loading, virtualization, debounce/throttle, INP optimization (task breaking, main thread yield, third-party script audit), async waterfall detection and parallelization - backend_optimization: N+1 fix (eager loading/DataLoader), connection pooling, async processing, compression, async waterfall elimination (sequential-to-parallel refactor) - bundle_optimization: Route/component/library/feature-based code splitting, tree shaking, library replacement - database_query_optimization: EXPLAIN ANALYZE metrics, index suggestion (B-tree/Partial/Covering/GIN/Expression), N+1 detection - caching_strategy: In-memory LRU / Redis / HTTP Cache-Control, cache-aside / write-through / write-behind patterns, stampede prevention (lock/lease, stale-while-revalidate), TTL enforcement - core_web_vitals: LCP (≤2.5s) / INP (≤200ms) / CLS (≤0.1) optimization and monitoring - profiling: React DevTools / Chrome DevTools / Lighthouse / web-vitals / clinic.js / 0x / autocannon - bundle_size_audit: App-wide JS/TS bundle-size reduction (tree-shaking audit, route/feature code-splitting, dynamic import, barrel-file removal, dependency-size budget, rollup-plugin-visualizer / webpack-bundle-analyzer / source-map-explorer, moment→dayjs / lodash→lodash-es migrations) - network_delivery_optimization: Client/server delivery tuning (HTTP/2 and HTTP/3 adoption, Early Hi