performance-profiler

What problem does it solve?

This Skill addresses the critical issue of web application performance degradation, which directly impacts user experience and conversion rates by identifying bottlenecks in bundle size, rendering, and database queries.

Core Features & Use Cases

• Bundle Analysis: Analyzes JavaScript bundle sizes, identifies large chunks, and assesses code-splitting effectiveness.
• Render Performance: Detects inefficient component re-renders, heavy computations in the render path, and unoptimized images.
• Database Query Efficiency: Flags potential N+1 query patterns, checks for index creation, and counts realtime subscriptions.
• Use Case: When a user reports a "slow page," this skill provides a detailed report on why it's slow and suggests specific code optimizations.

Quick Start

Run the performance-profiler skill to analyze the current web application's performance metrics.