performance-ts

Profile CPU and memory usage to identify TypeScript/JavaScript performance bottlenecks.

Updated Feb 1, 2026
One-click install
npx skills add https://github.com/jralph/.config-opencode --skill performance-ts
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-ts
Source: https://github.com/jralph/.config-opencode/tree/main/skills/performance-ts
Command: npx skills add https://github.com/jralph/.config-opencode --skill performance-ts

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers identify and optimize TypeScript/JavaScript performance bottlenecks across codepaths, bundles, and UI rendering.

Core Features & Use Cases

  • Profiling & Analysis: Profile CPU and memory usage in Node.js and browser environments to locate bottlenecks.
  • Bundle & Rendering Optimizations: Implement code splitting, tree shaking, and memoization to reduce bundle size and re-renders in React apps.
  • Use Case: Given a React app with slow startup and heavy re-renders, apply these techniques to trim bundle size and boost frame rates.

Quick Start

Run performance profiling on your app and apply the suggested optimizations described in the guidance.

Frequently Asked Questions about performance-ts

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

FAQPage Schema
How do I optimize React app performance and reduce heavy re-renders?

To profile TypeScript performance bottlenecks, measure CPU and memory usage using standard Node.js tooling and common profiling techniques. This Skill helps locate bottlenecks in your codepaths across both Node.js and browser environments before applying targeted runtime optimizations.

What's the best way to reduce JavaScript bundle size for slow startup?

The best way to reduce JavaScript bundle size is implementing code splitting and tree shaking to eliminate unused code. This Skill analyzes your bundles and provides guidance on lazy-loading strategies that directly improve slow startup times in frontend applications.

Does this performance profiling approach work for both Node.js and browser environments?

Yes, this performance profiling approach works for both Node.js and browser environments. It targets frontend and Node.js contexts, allowing you to measure CPU and memory usage and apply runtime optimizations across small to large TypeScript and JavaScript applications.

How do I analyze TypeScript codepaths for memory usage and CPU bottlenecks?

To analyze TypeScript codepaths for memory and CPU bottlenecks, run standard profiling tools to measure usage during execution. This Skill helps you interpret those profiling results and guides implementation of recommended optimizations to resolve the identified bottlenecks.

Do I need special dependencies to start optimizing my TypeScript application?

No special dependencies are needed to start optimizing your TypeScript application. This Skill requires only standard tooling like Node.js and TypeScript, using common profiling techniques to measure performance and guide you through implementing recommended optimizations.