performance-optimization

Optimize React SPAs, Supabase queries, and edge functions for performance.

Updated Jan 15, 2026
One-click install
npx skills add https://github.com/amo-tech-ai/rocket-path-ai --skill performance-optimization-amo-tech-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/amo-tech-ai/rocket-path-ai/tree/main/.claude/performance-optimization
Command: npx skills add https://github.com/amo-tech-ai/rocket-path-ai --skill performance-optimization-amo-tech-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses slow application performance by identifying and resolving bottlenecks in frontend code, database queries, and overall bundle size.

Core Features & Use Cases

  • Bundle Size Optimization: Reduces load times by analyzing and splitting code.
  • Query Performance Tuning: Speeds up data retrieval from the database.
  • Frontend Optimization: Improves rendering performance and user experience.
  • Use Case: Before a major product launch, use this Skill to ensure the application loads quickly and responds instantly to user interactions, achieving a Lighthouse score above 90.

Quick Start

Use the performance-optimization skill to analyze the current bundle size and identify areas for code splitting.

Frequently Asked Questions about performance-optimization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I reduce bundle size and improve load times in a React SPA?

Reduce React SPA bundle size and improve load times by implementing code splitting and memoization. This Skill analyzes your bundle to identify areas for splitting and applies frontend optimizations to enhance rendering performance.

What's the best way to speed up Supabase database queries?

Speed up Supabase database queries by applying selective column selection, database indexing, and React Query caching strategies. This Skill targets these specific areas to significantly improve data retrieval performance.

How can I achieve a Lighthouse score above 90 before a product launch?

Achieve a Lighthouse score above 90 by using this Skill to optimize frontend rendering, split code, and tune database queries. It ensures your application loads quickly and responds instantly to user interactions.

Does this performance optimization approach work with edge functions?

Yes, this performance optimization approach explicitly targets edge functions for efficiency gains. It works alongside React SPAs and Supabase queries to resolve bottlenecks across your application stack.

When should I use memoization for frontend optimization?

Use memoization for frontend optimization when you need to improve rendering performance and user experience in React applications. This Skill implements memoization alongside code splitting to reduce unnecessary re-renders.