Skills
.Work. You
Rest

optimize-performance

Community

Boost React app speed and efficiency.

Software Engineering#performance#react#optimization#bundle analysis#code splitting#memoization
Authorsolrac97gr
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses slow-loading and unresponsive React applications by identifying and rectifying performance bottlenecks.

Core Features & Use Cases

  • Comprehensive Analysis: Detects issues related to re-renders, bundle size, code splitting, memoization, and image optimization.
  • Actionable Recommendations: Provides specific code examples and prioritized steps for improvement.
  • Use Case: A React e-commerce site is experiencing slow page loads. This Skill analyzes the application, identifies large unoptimized images and inefficient component rendering, and suggests implementing lazy loading and React.memo to significantly improve user experience.

Quick Start

Use the optimize-performance skill to analyze the entire project for performance issues.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: optimize-performance
Download link: https://github.com/solrac97gr/marketplace-plugins/archive/main.zip#optimize-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.