Skip to main content
skill

performance-optimizer — Claude Code skill: what it does

This skill helps locate slow points in code, databases, and APIs, then compare measurements before and after changes. Use it when a page, query, or endpoint feels slow.

Install into Claude Code · claude-code-templates All methods and platforms ↓
npx claude-code-templates@latest --skill productivity/performance-optimizer
Open on GitHub

What performance-optimizer does

The skill starts with measurements: page load, API response, database query, function runtime, or memory use. It then points to profiling options and suggests working on the slowest part first. Measure again after the change to see what improved.

Its examples cover database queries, API handlers, frontend rendering, algorithms, and memory use. They include replacing repeated lookups with a populated query, adding an index, running independent calls with Promise.all, and memoizing a React component. One constraint matters: the workflow relies on measurements, so changing code before identifying a bottleneck goes against its stated process.

What it helps with

  • trace a slow database query
  • reduce API latency by running independent calls in parallel
  • limit the fields returned to a client
  • prevent needless component renders
  • compare performance before and after a code change

Example prompts for the agent

  • Find what is slowing this page down, then measure before and after the fix.
  • Check these database calls for an N+1 pattern and suggest a measured improvement.
  • Profile this API handler and identify its slowest operation.

How to install performance-optimizer

1claude-code-templates

npx claude-code-templates@latest --skill productivity/performance-optimizer

2Skills CLI (Vercel)

npx skills add davila7/claude-code-templates --skill performance-optimizer -a claude-code

3Manually: put the files in place

~/.claude/skills/performance-optimizer/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/performance-optimizer/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about performance-optimizer

How do I install performance-optimizer in Claude Code?

Run npx claude-code-templates@latest --skill productivity/performance-optimizer.

What does performance-optimizer do?

It guides the agent through measuring and diagnosing slow code, database work, and API responses. It also recommends comparing results after an optimization.

Why measure before optimizing?

Measurements help identify the actual bottleneck and show whether a change helped. The skill’s process starts with profiling rather than guessing at a fix.

Similar skills

All skills for Backend and APIs →

From the same set804

The whole set →

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor