Is this skill useful for mobile optimization?

Absolutely. It emphasizes performance budgets for 3G networks and mobile-first loading strategies to ensure a fast experience on all devices.

What does the Performance skill do for Claude?

It provides Claude with a specialized knowledge base and specific code patterns to identify, prioritize, and fix performance bottlenecks in web applications.

Can it help improve my Lighthouse scores?

Yes, it specifically targets the metrics measured by Lighthouse, providing fixes for blocking resources, large payloads, and inefficient JavaScript execution.

How does this skill handle image optimization?

The skill guides Claude in implementing modern formats like AVIF/WebP, responsive image sets via srcset, and priority hints to reduce Largest Contentful Paint (LCP).

Does it support modern JavaScript frameworks?

Yes, it includes patterns for code splitting, tree shaking, and lazy loading that are compatible with React, Vue, and other modern frontend ecosystems.

Web Performance Optimizer

Name: Web Performance Optimizer
Author: FlorianBruniaux

byFlorianBruniaux

•

Analytics & Monitoring

Optimizes web application loading speeds and runtime efficiency using industry-standard best practices and Core Web Vitals audits.

The Performance skill empowers Claude to conduct deep performance audits and implement technical optimizations for web projects. It provides a structured framework for identifying bottlenecks, establishing performance budgets, and applying advanced techniques like resource preloading, code splitting, image modernization, and efficient caching strategies. By focusing on Core Web Vitals and critical rendering paths, this skill ensures that Claude provides actionable code improvements that directly impact user experience and search engine rankings.

Key Features

01Core Web Vitals auditing and optimization (LCP, FID/INP, CLS)

02Critical rendering path streamlining and resource preloading

03Comprehensive caching strategies and Service Worker implementation

04Runtime efficiency and layout thrashing prevention patterns

0527 GitHub stars

06Advanced asset management for images, fonts, and scripts

Use Cases

01Reducing page load times for high-traffic landing pages to improve conversion

02Modernizing legacy websites to meet current Lighthouse performance benchmarks

03Fixing slow interaction and jank in complex JavaScript-heavy applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add florianbruniaux/ccboard performance

For use in Claude.ai and ChatGPT

Download Skill