Can it help with slow database queries?

Yes, it includes specific guidance for composite index selection, identifying N+1 query anti-patterns, and implementing efficient eager loading strategies.

Does it support load testing tools?

The skill includes configurations and best practices for popular load testing frameworks like k6 and Artillery to help you identify system limits before deployment.

Is this skill useful for mobile performance?

Absolutely. It focuses on reducing parse costs, managing memory pressure, and optimizing network delivery, which are critical for performance on mobile devices.

How does this skill help with Core Web Vitals?

It provides actionable patterns for improving LCP, INP, and CLS, such as preloading critical assets, implementing scheduler.yield() for long tasks, and preventing layout shifts with explicit dimensions.

Performance Optimization

Name: Performance Optimization
Author: srstomp

bysrstomp

•

分析与监控

Analyzes and optimizes full-stack application performance to improve Core Web Vitals, database efficiency, and system responsiveness.

The Performance Optimization skill provides a systematic framework for identifying and resolving performance bottlenecks in modern web applications. It guides Claude through a rigorous 'Measure First' workflow to establish baselines before implementing targeted fixes across the network, frontend, backend, and database layers. Whether you are aiming to improve Core Web Vitals like LCP and CLS, reduce JavaScript bundle sizes, or eliminate N+1 database queries, this skill offers specialized patterns, profiling techniques, and load testing configurations to ensure your application scales efficiently and provides a superior user experience.

主要功能

01Automated performance budget enforcement for CI/CD pipelines

02Core Web Vitals optimization patterns for LCP, INP, and CLS

032 GitHub stars

04Load testing configuration with tools like k6 and Artillery

05Database query tuning including index selection and N+1 detection

06Full-stack bottleneck identification across network, CPU, and I/O layers

使用场景

01Improving Google Search rankings by optimizing Core Web Vitals scores

02Reducing frontend bundle sizes through code splitting and asset management

03Refactoring slow API endpoints by implementing caching and query optimization

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add srstomp/pokayokay performance-optimization

For use in Claude.ai and ChatGPT

Download Skill