skills.rest
hanzlahabib
hanzlahabibCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

rcode-perf

Measure application performance bottlenecks across Next.js, Three.js, PostgreSQL, and Vercel or Kubernetes workloads.

2|1|Updated Apr 10, 2026
Search Tags:#performance#postgresql#optimization#profiling#lighthouse#nextjs#threejs
One-click install
npx skills add https://github.com/hanzlahabib/rcode --skill rcode-perf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rcode-perf
Source: https://github.com/hanzlahabib/rcode/tree/main/rcode/skills/actions/4-implementation/rcode-perf
Command: npx skills add https://github.com/hanzlahabib/rcode --skill rcode-perf

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill turns vague performance complaints into measurable engineering work, so you can identify the true bottleneck instead of guessing.

Core Features & Use Cases

  • Baseline-first workflow: Captures a concrete metric before any change and uses it as the source of truth.
  • Stack-specific optimization: Adapts the approach to Next.js web vitals, Three.js frame rates, PostgreSQL query plans, and Vercel or Kubernetes runtime limits.
  • Single-change iteration: Applies one targeted fix at a time, then re-measures to verify whether the budget is met.
  • Use case: A slow page load, a dropped animation frame rate, or a query that regressed in production can each be diagnosed and improved with the same disciplined loop.

Quick Start

Use the rcode-perf skill to measure the slowest surface, identify one specific bottleneck, apply a single targeted fix, and re-measure until the performance budget is met.

Frequently Asked Questions about rcode-perf

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

FAQPage Schema
How do I diagnose slow Next.js page loads and PostgreSQL query latency?▼

Diagnose slow Next.js pages and PostgreSQL queries by capturing a baseline metric, applying one targeted fix at a time, and re-measuring with tools like Lighthouse or EXPLAIN ANALYZE to verify latency improvements.

What is the best way to fix Three.js frame rate drops and rendering bottlenecks?▼

Fix Three.js frame rate drops by establishing an explicit performance budget, profiling runtime metrics to isolate the specific rendering bottleneck, applying a single optimization, and re-measuring the frame rate.

How do I optimize application performance without guessing the bottleneck?▼

Optimize application performance by measuring a concrete baseline metric first, using it as the source of truth to identify the true bottleneck, and iterating with single targeted fixes until the performance budget is met.

Does this performance optimization workflow work for Vercel and Kubernetes workloads?▼

Yes, this workflow works for Vercel and Kubernetes workloads by diagnosing runtime limits, latency, and memory issues using the same baseline-first measurement and single-change iteration loop.

When should I use EXPLAIN ANALYZE and bundle analysis for performance profiling?▼

Use EXPLAIN ANALYZE for PostgreSQL query plan regression diagnosis and bundle analysis for Next.js web vitals profiling, ensuring you measure a baseline before applying targeted fixes.

Related Skills

Explore More Software Engineering Skills→
jfrometajfrometa

performance-profiling

Run automated Lighthouse audits and parse report JSON for web performance scores.

Community
Advanced
xenitV1xenitV1
132

performance-profiling

Automate Lighthouse-based performance profiling to identify web application bottlenecks.

Community
Advanced
Hack23Hack23
8

performance-optimization

Enforce frame time, bundle size, and Lighthouse performance budgets in Three.js CI workflows.

Official
Advanced
AribSudiaAribSudia
2

arib-check-perf

Audit full-stack applications for N+1 queries, bundle bloat, and memory leaks.

Community
Advanced