performance-optimization | pokayokay | ClaudePluginHub

Skill

Community

performance-optimization

2

Description

Use when analyzing performance issues, optimizing slow pages or APIs, setting up load testing (k6, Artillery), implementing caching, reducing bundle sizes, establishing performance budgets, or profiling bottlenecks. Covers frontend (Core Web Vitals, rendering, bundle size) and backend (query optimization, caching, async patterns) optimization.

AI Summary

Analyzes performance bottlenecks and provides optimization strategies for frontend and backend systems.

Install

1

Add the repository(one-time)

$

/plugin marketplace add srstomp/pokayokay

2

Install the plugin

$

/plugin install pokayokay@pokayokay

Tool Access

This skill inherits all available tools. When active, it can use any tool Claude has access to.

Supporting Assets

View in Repository

references/backend-perf.md

references/frontend-perf.md

references/load-testing.md

references/profiling-guide.md

Skill Content

Performance Optimization

Systematic approach to identifying and fixing performance bottlenecks.

Key Principles

Measure first — Never optimize without data; establish baseline metrics
Identify bottleneck type — Network, CPU, memory, I/O, or rendering
One change at a time — Apply targeted fix, re-measure, compare against baseline
Quick wins first — Check compression, caching, indexes, N+1 queries before deep optimization

Core Web Vitals Targets

Metric	Good	Poor
LCP (Largest Contentful Paint)	< 2.5s	> 4.0s
INP (Interaction to Next Paint)	< 200ms	> 500ms
CLS (Cumulative Layout Shift)	< 0.1	> 0.25

Quick Start Checklist

Measure baseline (Lighthouse, RUM data, or APM)
Identify bottleneck type: network, CPU, memory, I/O, or rendering
Check quick wins: compression, caching headers, indexes, N+1 queries
Read relevant reference for deep optimization
Apply fix, re-measure, validate improvement
Set performance budgets and enforce in CI

References

Reference	Description
frontend-perf.md	Bundle analysis, rendering, Core Web Vitals
backend-perf.md	Query optimization, caching, async patterns
load-testing.md	k6, Artillery patterns, CI integration
profiling-guide.md	Chrome DevTools, Node profiling, flame graphs

Links

GitHub Stats

0 forks

Updated 28 days ago

Actions

Similar Skills

Activates when the user asks about AI prompts, needs prompt templates, wants to search for prompts, or mentions prompts.chat. Use for discovering, retrieving, and improving prompts.

149.6k

Search, retrieve, and install Agent Skills from the prompts.chat registry using MCP tools. Use when the user asks to find skills, browse skill catalogs, install a skill for Claude, or extend Claude's capabilities with reusable AI agent components.

149.6k

algorithmic-art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

anthropic-skills

84.5k