agentsclimarketplace

Performance patterns

Skill subhansh-dev/agent-maxxing/engineering/performance-patterns

95+ agent skills, 19 UI components, 7 system prompts from Claude Fable 5, GPT-5.5, Gemini CLI & more. Self-fine-tune your agent: paste one prompt and it reads every skill, internalizes patterns, and becomes elite. Works with Claude Code, Codex, Cursor, OpenCode + 60 more agents.

Install
npx -y skills add subhansh-dev/agent-maxxing --skill performance-patterns

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

  • 28 days oldThe repository was created 28 days ago. New is not bad, but a brand new repository carrying a familiar-sounding name is the shape a typosquat arrives in, and there has been no time for anyone else to find a problem with it.
  • 2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Performance optimization patterns — lazy loading, caching, memoization, code splitting, bundle optimization.

SKILL.md

2.0 KB, as published. Nobody here has run it

Performance Patterns

Frontend Performance

Lazy Loading

const HeavyComponent = lazy(() => import('./HeavyComponent'))

Load components only when needed. Use for routes, modals, below-fold content.

Memoization

const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b])
const memoizedFn = useCallback(() => doSomething(a, b), [a, b])

Cache expensive computations and function references.

Code Splitting

Split your bundle by route or feature. Users only download what they need.

Image Optimization

  • Use WebP/AVIF formats
  • Lazy load below-fold images
  • Use responsive images (srcset)
  • Compress images (tinyPNG, Sharp)

CSS Performance

  • Use transform and opacity for animations (GPU-accelerated)
  • Avoid layout triggers (width, height, margin, padding)
  • Use will-change sparingly
  • Minimize repaints with contain

Backend Performance

Caching

  • Cache database queries (Redis, in-memory)
  • Cache API responses (HTTP caching headers)
  • Cache expensive computations (memoization)
  • Cache rendered pages (SSR cache)

Database Optimization

  • Add indexes for frequent queries
  • Use connection pooling
  • Batch inserts/updates
  • Avoid N+1 queries
  • Use EXPLAIN ANALYZE

Async Operations

  • Don't block the event loop
  • Use worker threads for CPU-intensive tasks
  • Stream large responses
  • Queue background jobs

Measurement

  • Lighthouse — overall performance score
  • Core Web Vitals — LCP, FID, CLS
  • Chrome DevTools — Performance tab, Lighthouse tab
  • webpack-bundle-analyzer — bundle size visualization
  • ab / wrk — load testing

Common Anti-Patterns

  • Loading everything upfront
  • Not caching expensive operations
  • Synchronous database calls in loops
  • Large bundle sizes (no code splitting)
  • Unoptimized images (no lazy loading, wrong format)
  • Layout thrashing (reading layout then writing)

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.