web-performance

Community

Boost web performance with caching and CDNs.

AuthorAlexanderStephenThompson
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Frontend performance bottlenecks arise from unoptimized caching, large payloads, and inconsistent CDN behavior, leading to slow interactions and higher latency for users.

Core Features & Use Cases

  • Apollo Client/Server caching patterns to normalize and merge data efficiently.
  • Redis caching layer integration to reduce backend load and latency with proper TTLs and invalidation.
  • CloudFront/S3 strategies for static assets to maximize delivery speed and minimize bundle impact.
  • Use Case: In a data-heavy React app, apply these patterns to keep hot data readily available while ensuring freshness for dynamic content.

Quick Start

Analyze a React app and generate a caching strategy using Apollo, Redis, and CloudFront to improve performance.

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: web-performance
Download link: https://github.com/AlexanderStephenThompson/claude-hub/archive/main.zip#web-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 471,000+ vetted skills library on demand.