performance-optimizer

Diagnose software performance bottlenecks and propose optimization strategies for web and API applications.

69|5|Updated Nov 16, 2025
One-click install
npx skills add https://github.com/nahisaho/musubi --skill performance-optimizer-nahisaho
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimizer
Source: https://github.com/nahisaho/musubi/tree/main/.claude/skills/performance-optimizer
Command: npx skills add https://github.com/nahisaho/musubi --skill performance-optimizer-nahisaho

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? This Skill addresses slow application performance, high latency, and inefficient resource usage, which lead to poor user experience and increased operational costs. It automates the identification and resolution of performance bottlenecks across all layers.

Core Features & Use Cases:

  • Performance Analysis & Benchmarking: Measures Core Web Vitals, page load times, and resource sizes.
  • Bottleneck Detection: Identifies performance issues in frontend (JS bundle size, rendering), backend (N+1 queries, caching), and infrastructure.
  • Optimization Strategy & Implementation: Proposes and implements code-level and architectural optimizations with code examples.
  • Use Case: Your e-commerce site is experiencing slow page loads and high bounce rates. This Skill can analyze Lighthouse reports, identify large JavaScript bundles and N+1 database queries, and then propose and implement code changes like code splitting, image optimization, and eager loading to drastically improve speed.

Quick Start: My web application is slow. Analyze its performance and suggest optimizations. The main issue is slow page loading.

Frequently Asked Questions about performance-optimizer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I identify bottlenecks causing slow page loads in my web application?

Bottleneck detection analyzes frontend, backend, database, and infrastructure layers to pinpoint performance issues. Use Lighthouse, Chrome DevTools, and WebPageTest to measure Core Web Vitals, identify large JavaScript bundles, N+1 queries, and caching gaps, then trace root causes across your stack.

What are Core Web Vitals and why do they matter for application performance?

Core Web Vitals are Google's metrics for user experience: Largest Contentful Paint (loading speed), First Input Delay (interactivity), and Cumulative Layout Shift (visual stability). Optimizing them reduces bounce rates and improves search rankings for web applications.

How do I optimize database performance in my backend application?

Backend optimization detects N+1 queries, missing indexes, and inefficient caching strategies. Implement eager loading, add database indexes, cache frequently accessed data, and use profiling tools like autocannon to benchmark query performance and propose architectural improvements.

Can I use profiling tools like Chrome DevTools and k6 to benchmark my API performance?

Yes. Chrome DevTools profiles frontend rendering and resource loading; k6 and autocannon benchmark API latency and throughput under load. Combined instrumentation across CPU, memory, and network reveals optimization opportunities across your full stack.

What optimization strategies reduce JavaScript bundle size and improve frontend performance?

Code splitting divides large bundles into smaller chunks loaded on demand; tree shaking removes unused code; image optimization compresses assets. These reduce initial page load time and improve Core Web Vitals metrics for faster user experience.