Frontend Performance Skills Pack for Claude Code

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.

Who This Is For

• Frontend developers optimizing web application performance and load times
• SEO-focused teams improving Core Web Vitals for better search rankings
• E-commerce developers where every 100ms of load time impacts conversion rates
• Anyone chasing that elusive 100/100 Lighthouse score across all categories

See our best Claude Code configs collection for more skills packs that make your development workflow faster and more productive.