Skills
.Work. You
Rest

performance-optimization-standard

Official

Speed up apps with proven performance patterns.

Software Engineering#performance#nextjs#code-splitting#web-vitals#bundle-size#core-web-vitals#lcp
Authorimaginationeverywhere
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps teams reduce load times and improve user experience by applying enterprise-grade performance optimization patterns across frontend and server rendering.

Core Features & Use Cases

  • Core Web Vitals targeting (LCP, FID, CLS, TTI) with measurable thresholds
  • Code splitting, dynamic imports, and bundle optimization
  • SSR and runtime tuning for Next.js-like projects
  • Use Case: A large marketing site with slow initial load can become responsive with a lean initial bundle and cache strategies.

Quick Start

Apply the performance-optimization-standard by enabling code splitting, optimizing images, inlining critical CSS, and tuning runtime performance to meet Core Web Vitals targets.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: performance-optimization-standard
Download link: https://github.com/imaginationeverywhere/clara-code/archive/main.zip#performance-optimization-standard

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 471,000+ vetted skills library on demand.