Frontend Performance Skills Pack for Claude Code

Name: Frontend Performance Skills Pack for Claude Code
Brand: WOWHOW
Price: 765 INR
Availability: InStock
Rating: 4.9 (10 reviews)

Frontend performance skills pack with 4 skills and /perf command for Lighthouse score optimization, bundle analysis, and Core Web Vitals fixes.

1 downloadsOne-time payment

What You'll Get

The Frontend Performance Skills Pack gives Claude Code the tools to diagnose and fix every frontend performance issue with four specialized skills and the /perf command. Achieve perfect Lighthouse scores, optimize Core Web Vitals, and deliver blazing-fast user experiences that improve SEO rankings and conversion rates.

What You Get

Lighthouse Optimization Skill — Analyzes Lighthouse audit results and implements targeted fixes for performance, accessibility, best practices, and SEO scores with measurable before/after improvements
Bundle Analysis Skill — Identifies oversized dependencies, implements code splitting strategies, configures tree shaking, and reduces JavaScript bundle sizes by finding lighter alternatives to heavy libraries
Image Optimization Skill — Converts images to modern formats (WebP, AVIF), implements responsive image srcsets, adds lazy loading, and configures CDN-based image transformation pipelines
Core Web Vitals Skill — Targets LCP, FID/INP, and CLS metrics specifically with layout shift prevention, interaction optimization, and largest contentful paint improvements tailored to your framework
/perf Command — Runs a comprehensive performance audit on any page or component and generates a prioritized fix list with estimated impact

How to Install

Extract the pack into your .claude/ directory. Use /perf to run a full performance audit of your project, or /perf homepage to analyze a specific page. The skills provide concrete code changes, not just suggestions — each optimization is implemented directly in your codebase with clear before/after metrics.