Can it help with frontend frameworks like React?

Yes, it includes specific implementation patterns for React memoization, code splitting, and optimized image rendering to improve frontend responsiveness.

How does this skill help identify code bottlenecks?

The skill provides specific profiling commands and diagnostic workflows for Node.js, Python, and web browsers to help you gather data before making any changes.

Does it provide specific performance targets?

Yes, it includes industry-standard benchmarks for Core Web Vitals (LCP, FID, CLS) and API latency percentiles (P50, P95, P99).

What backend optimizations are included?

The skill covers database query optimization (solving N+1 issues), multi-layer caching strategies using Redis, and asynchronous background processing.

Performance Optimizer

Name: Performance Optimizer
Author: OrdinalDragons

byOrdinalDragons

0•

分析と監視

Analyzes application bottlenecks and implements cross-stack optimizations to improve speed, efficiency, and resource usage.

The Performance Optimization skill transforms Claude into a specialized performance engineer, providing a structured 'Measure First' methodology for diagnosing and resolving software slowness. It offers actionable guidance for profiling Node.js and Python environments, optimizing frontend rendering and bundle sizes, and streamlining backend database queries to eliminate N+1 problems. By integrating industry-standard metrics like Core Web Vitals and API latency targets, this skill ensures that every code change is data-driven and results in measurable improvements to the user experience.

主な機能

01Frontend optimization patterns for React memoization and asset loading

02Algorithmic refactoring guides to reduce time and space complexity

030 GitHub stars

04Backend query optimization and multi-layer caching strategies

05Standardized performance benchmarking for Web Vitals and API latency

06Comprehensive profiling workflows for Node.js, Python, and Web environments

ユースケース

01Refactoring CPU-intensive algorithms to improve application throughput

02Diagnosing and fixing slow page load times or poor Core Web Vitals scores

03Optimizing backend API response times and database query efficiency

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ordinaldragons/ultimate-workflow performance-optimization

For use in Claude.ai and ChatGPT

Download Skill