Agent skill

Performance Profiler

by OneWave-AI in OneWave-AI/claude-skills

Profile and optimize application performance including load times, memory usage, and rendering.

MITAuto-check passedDevelopment

Install Performance Profiler

skills CLI

$ npx skills add OneWave-AI/claude-skills --skill performance-profiler -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install OneWave-AI/claude-skills performance-profiler --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/OneWave-AI/claude-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/performance-profiler .claude/skills/performance-profiler && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "performance-profiler" agent skill from https://github.com/OneWave-AI/claude-skills/tree/main/performance-profiler into .claude/skills/performance-profiler/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "performance-profiler", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/OneWave-AI/claude-skills/tree/main/performance-profiler

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add OneWave-AI/claude-skills --skill performance-profiler -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install OneWave-AI/claude-skills performance-profiler --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/OneWave-AI/claude-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/performance-profiler .agents/skills/performance-profiler && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "performance-profiler" agent skill from https://github.com/OneWave-AI/claude-skills/tree/main/performance-profiler into .agents/skills/performance-profiler/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "performance-profiler", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add OneWave-AI/claude-skills --skill performance-profiler -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install OneWave-AI/claude-skills performance-profiler --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/OneWave-AI/claude-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/performance-profiler .cursor/skills/performance-profiler && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "performance-profiler" agent skill from https://github.com/OneWave-AI/claude-skills/tree/main/performance-profiler into .cursor/skills/performance-profiler/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "performance-profiler", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/OneWave-AI/claude-skills.git --path performance-profiler

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add OneWave-AI/claude-skills --skill performance-profiler -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install OneWave-AI/claude-skills performance-profiler --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/OneWave-AI/claude-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/performance-profiler .gemini/skills/performance-profiler && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "performance-profiler" agent skill from https://github.com/OneWave-AI/claude-skills/tree/main/performance-profiler into .gemini/skills/performance-profiler/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "performance-profiler", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install OneWave-AI/claude-skills performance-profiler

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add OneWave-AI/claude-skills --skill performance-profiler -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/OneWave-AI/claude-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/performance-profiler .github/skills/performance-profiler && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "performance-profiler" agent skill from https://github.com/OneWave-AI/claude-skills/tree/main/performance-profiler into .github/skills/performance-profiler/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "performance-profiler", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add OneWave-AI/claude-skills --skill performance-profiler -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install OneWave-AI/claude-skills performance-profiler --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/OneWave-AI/claude-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/performance-profiler .opencode/skills/performance-profiler && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "performance-profiler" agent skill from https://github.com/OneWave-AI/claude-skills/tree/main/performance-profiler into .opencode/skills/performance-profiler/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "performance-profiler", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: performance-profiler
GitHub stars: 322
Token cost: ~1k tokens
SKILL.md length: 151 words
Files: 1
Skills in repo: 91
Repo updated: Oct 2, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

Profile and optimize application performance including load times, memory usage, and rendering.

Works in 5 steps: Identify the bottleneck type: Network,… → Measure baseline before optimizing → Profile with appropriate tools → …
Debugging slow performance
SKILL.md covers Instructions, Web Performance, React Performance and Node.js Performance, plus 2 more sections
Calls npx, node and npm

What it does

Performance Profiler is an agent skill from OneWave-AI/claude-skills. Profile and optimize application performance including load times, memory usage, and rendering. Use when debugging slow performance, memory leaks, or optimizing app speed.

Its SKILL.md is about 1k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Development, covering Performance optimization. It works with React. The repository describes itself as: 200+ production-ready Claude Code skills for sales, marketing, design, engineering, and AI agent architecture. Built and maintained by OneWave AI. The licence is MIT.

When your agent uses it

Debugging slow performance
Optimizing app speed

Example prompts

“/performance-profiler”

Requirements

Node.js

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

Identify the bottleneck type: Network, rendering, memory, or compute
Measure baseline before optimizing
Profile with appropriate tools
Apply optimizations
Measure improvement

What it can do on your machine

Read from SKILL.md and the folder at commit fc5b785. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
- npx
- node
- npm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npx and npm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Performance Profiler loads about 1k tokens when it runs. Until then it costs about 48 tokens; SKILL.md has 151 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~48
When it runs · the whole SKILL.md, loaded when a task matches: ~1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from OneWave-AI/claude-skills at commit fc5b785, republished under its MIT licence (© OneWave-AI). 151 words, ~1,036 tokens.

Download SKILL.mdSave it as .claude/skills/performance-profiler/SKILL.md (or your agent's skills folder).

name: performance-profiler
description: Profile and optimize application performance including load times, memory usage, and rendering. Use when debugging slow performance, memory leaks, or optimizing app speed.

Performance Profiler

Instructions

When profiling performance:

Identify the bottleneck type: Network, rendering, memory, or compute
Measure baseline before optimizing
Profile with appropriate tools
Apply optimizations
Measure improvement

Web Performance

Core Web Vitals

bash

# Lighthouse CLI
npx lighthouse https://yoursite.com --view

# With specific metrics
npx lighthouse https://yoursite.com --only-categories=performance

Target Metrics:

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

Bundle Analysis

bash

# Next.js
ANALYZE=true npm run build

# Webpack
npx webpack-bundle-analyzer stats.json

# Vite
npx vite-bundle-visualizer

React Performance

React DevTools Profiler

Install React DevTools browser extension
Open DevTools → Profiler tab
Click Record, interact with app, stop recording
Analyze flame graph for slow components

Common React Optimizations

tsx

// 1. Memoize expensive components
const MemoizedList = React.memo(function List({ items }) {
  return items.map(item => <Item key={item.id} {...item} />);
});

// 2. Use useMemo for expensive calculations
const sortedItems = useMemo(() => {
  return [...items].sort((a, b) => a.name.localeCompare(b.name));
}, [items]);

// 3. Use useCallback for stable function references
const handleClick = useCallback((id: string) => {
  setSelected(id);
}, []);

// 4. Virtualize long lists
import { FixedSizeList } from 'react-window';

function VirtualList({ items }) {
  return (
    <FixedSizeList
      height={400}
      itemCount={items.length}
      itemSize={50}
      width="100%"
    >
      {({ index, style }) => (
        <div style={style}>{items[index].name}</div>
      )}
    </FixedSizeList>
  );
}

// 5. Lazy load components
const HeavyComponent = React.lazy(() => import('./HeavyComponent'));

function App() {
  return (
    <Suspense fallback={<Loading />}>
      <HeavyComponent />
    </Suspense>
  );
}

Node.js Performance

Profiling

bash

# CPU profile
node --prof app.js
node --prof-process isolate-*.log > profile.txt

# Heap snapshot
node --inspect app.js
# Then use Chrome DevTools Memory tab

# Clinic.js (comprehensive)
npx clinic doctor -- node app.js
npx clinic flame -- node app.js
npx clinic bubbleprof -- node app.js

Memory Leak Detection

javascript

// Add to app for debugging
const used = process.memoryUsage();
console.log({
  heapUsed: `${Math.round(used.heapUsed / 1024 / 1024)} MB`,
  heapTotal: `${Math.round(used.heapTotal / 1024 / 1024)} MB`,
  external: `${Math.round(used.external / 1024 / 1024)} MB`,
});

Database Performance

sql

-- PostgreSQL: Analyze slow queries
EXPLAIN ANALYZE SELECT * FROM users WHERE email = 'test@example.com';

-- Find missing indexes
SELECT relname, seq_scan, idx_scan
FROM pg_stat_user_tables
WHERE seq_scan > idx_scan;

Query Optimization

typescript

// Bad: N+1 query
const users = await db.user.findMany();
for (const user of users) {
  const posts = await db.post.findMany({ where: { userId: user.id } });
}

// Good: Single query with include
const users = await db.user.findMany({
  include: { posts: true }
});

// Good: Select only needed fields
const users = await db.user.findMany({
  select: { id: true, name: true, email: true }
});

Quick Wins Checklist

Enable gzip/brotli compression
Add caching headers
Lazy load images (loading="lazy")
Preconnect to external domains
Use CDN for static assets
Minimize JavaScript bundle
Defer non-critical JS
Optimize images (WebP, proper sizing)
Add database indexes
Use connection pooling

Files

Just SKILL.md in performance-profiler of OneWave-AI/claude-skills.

Open the folder on GitHubat commit fc5b785

Compare with similar skills

Performance Profiler next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Performance Profiler compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Performance Profiler this skillOneWave-AI/claude-skills	322	—	~1k	Automated safety check: Pass	MIT	5 days ago
Electron Heap Snapshot Analysiskeybase/client	9.3k	—	~875	Automated safety check: Pass	BSD-3-Clause	today
Electron DevTools Trace Analysiskeybase/client	9.3k	—	~809	Automated safety check: Pass	BSD-3-Clause	today
Performance CheckZeroDeng01/sublinkPro	1.7k	—	~1.8k	Automated safety check: Pass	MIT	2 days ago
React DevTools Profile Analyzerkeybase/client	9.3k	—	~978	Automated safety check: Pass	BSD-3-Clause	today
React Best Practicesshapeshift/web	206	1 repos	~2k	Automated safety check: Pass	MIT	today

Similar skills

Electron Heap Snapshot Analysis
keybase/client
Analyzes V8, Chrome and Electron .heapsnapshot files with Node scripts to find memory leaks, detached DOM nodes and the retainer paths that keep objects alive.
9.3k GitHub stars~875 tokensUpdated today
DevelopmentAuto-check passed
Electron DevTools Trace Analysis
keybase/client
Analyzes Chrome or Electron DevTools Performance trace exports with Python scripts to find where render time actually goes, without opening DevTools.
9.3k GitHub stars~809 tokensUpdated today
DevelopmentAuto-check passed
Performance Check
ZeroDeng01/sublinkPro
Checklist for reviewing code changes that touch queries, APIs, rendering, caching or algorithms for performance, scalability and resource-usage problems.
1.7k GitHub stars~1.8k tokensUpdated 2 days ago
DevelopmentAuto-check passed
React DevTools Profile Analyzer
keybase/client
Parses a React DevTools Profiler JSON export with Python scripts to find re-render storms, commit fan-out and why a component rendered, without opening the DevTools UI.
9.3k GitHub stars~978 tokensUpdated today
DevelopmentAuto-check passed
React Best Practices
shapeshift/web
Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering.
206 GitHub starsUsed in 1 repo~2k tokens
DevelopmentAuto-check passed
Rasengan Optimizing
rasengan-dev/rasenganjs
Optimization patterns for Rasengan.js. An agent skill from rasengan-dev/rasenganjs.
125 GitHub stars~980 tokensUpdated today
DevelopmentAuto-check passed

Questions about Performance Profiler

What does Performance Profiler do?

Profile and optimize application performance including load times, memory usage, and rendering. Performance Profiler is an agent skill from OneWave-AI/claude-skills. Profile and optimize application performance including load times, memory usage, and rendering.

When should I use Performance Profiler?

Performance Profiler fits situations like: debugging slow performance; optimizing app speed.

How do I install Performance Profiler in Claude Code?

Run `npx skills add OneWave-AI/claude-skills --skill performance-profiler -a claude-code`. Or copy the skill folder (performance-profiler in OneWave-AI/claude-skills) into .claude/skills/performance-profiler in your project. Claude Code loads it when a task matches its description.

How do I install Performance Profiler in Codex?

Run `npx skills add OneWave-AI/claude-skills --skill performance-profiler -a codex`. Or copy the skill folder (performance-profiler in OneWave-AI/claude-skills) into .agents/skills/performance-profiler in your project. Codex loads it when a task matches its description.

Can I use Performance Profiler in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add OneWave-AI/claude-skills --skill performance-profiler -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/performance-profiler, .gemini/skills/performance-profiler, .github/skills/performance-profiler and .opencode/skills/performance-profiler in your project.

What does Performance Profiler need to run?

Going by SKILL.md and its folder, Performance Profiler needs the command-line tools its instructions call (npx, node and npm). Our summary lists: Node.js.

Does Performance Profiler access the network?

SKILL.md contains no URLs. Its commands use npx and npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Performance Profiler safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Performance Profiler use?

Performance Profiler is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Performance Profiler use?

About 1k tokens (SKILL.md is roughly 4.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Performance Profiler?

Skills that share tags, products or a category with Performance Profiler: Electron Heap Snapshot Analysis (keybase/client, 9.3k stars), Electron DevTools Trace Analysis (keybase/client, 9.3k stars), Performance Check (ZeroDeng01/sublinkPro, 1.7k stars) and React DevTools Profile Analyzer (keybase/client, 9.3k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Performance Profiler?

OneWave-AI (a GitHub organization) maintains it in OneWave-AI/claude-skills, which has 322 GitHub stars. The repository holds 91 skills in this directory. The repository was last updated on October 2, 2026.

Source: OneWave-AI/claude-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Performance Profiler

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Performance Profiler

Instructions

Web Performance

Core Web Vitals

Bundle Analysis

React Performance

React DevTools Profiler

Common React Optimizations

Node.js Performance

Profiling

Memory Leak Detection

Database Performance

Query Optimization

Quick Wins Checklist

Files

Compare with similar skills

Similar skills

More from OneWave-AI/claude-skills

Related

Questions about Performance Profiler