What is the primary rule of this performance workflow?

The critical rule is to never optimize without data; users are guided to always profile and measure baseline performance before and after applying changes.

Can it help with frontend Core Web Vitals?

Yes, it includes specific strategies for improving LCP, FID, and CLS through bundle size reduction, component memoization, and image optimization techniques.

How does this skill identify performance bottlenecks?

The skill provides specific profiling commands for Node.js, Python, and Lighthouse to collect data on CPU usage, memory leaks, I/O delays, and slow database queries.

Does it support database optimization?

Absolutely. It provides patterns for resolving N+1 query issues, implementing efficient JOINs, and setting up multi-layer caching strategies with Redis.

Performance Optimization

Name: Performance Optimization
Author: CloudAI-X

byCloudAI-X

•

1,171

•

Analíticas y Monitorización

Analyzes and optimizes application performance across frontend, backend, and database layers using data-driven workflows.

This skill provides a comprehensive framework for diagnosing and resolving performance issues across the entire software stack. It guides Claude through a structured five-step process that emphasizes profiling before and after changes to ensure measurable improvements. From reducing frontend bundle sizes and optimizing React rendering to refactoring slow database queries and implementing multi-layer caching, this skill offers specific patterns and tools to hit Core Web Vitals targets and API latency goals. It is an essential utility for developers looking to scale applications, improve user experience, and eliminate technical debt related to system slowness.

Características Principales

01Database query refactoring for N+1 problems and pagination

021,171 GitHub stars

03Frontend optimization patterns for code splitting, memoization, and images

04Algorithmic complexity analysis and O(n) refactoring guides

05Full-stack profiling commands for Node.js, Python, and Lighthouse

06Multi-layer caching strategies using in-memory and Redis solutions

Casos de Uso

01Improving Core Web Vitals and frontend load times for modern web apps

02Diagnosing and fixing slow API response times and backend bottlenecks

03Optimizing database interaction patterns and expensive background processes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cloudai-x/claude-workflow-v2 optimizing-performance

For use in Claude.ai and ChatGPT

Download Skill