Skills
.Work. You
Rest

frontend-performance

Community

Optimize web performance for speed and user experience.

Software Engineering#performance#frontend#web vitals#optimization#bundle size#rendering#auditing
AuthorEmmraan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses slow website loading times, janky user interactions, and poor Core Web Vitals scores, ensuring a fast, smooth, and responsive user experience.

Core Features & Use Cases

  • End-to-End Auditing: Diagnoses performance bottlenecks from network requests to rendering.
  • Core Web Vitals Optimization: Guides the AI to improve LCP, INP, and CLS scores.
  • Bundle Analysis & Optimization: Identifies and reduces JavaScript bundle sizes.
  • Rendering & Memory Profiling: Detects and fixes layout shifts, jank, and memory leaks.
  • Use Case: A user reports their e-commerce product page is slow to load and interactions are laggy. This Skill will guide the AI to audit the page, identify the LCP element bottleneck, optimize image loading, break down long JavaScript tasks, and ensure smooth scrolling and interaction responsiveness.

Quick Start

Use the frontend-performance skill to audit the performance of the provided URL and suggest optimizations.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-performance
Download link: https://github.com/Emmraan/agent-skills/archive/main.zip#frontend-performance

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.