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.
npx claude-code-templates@latest --skill productivity/performance-optimizerWhat 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-optimizer2Skills CLI (Vercel)
npx skills add davila7/claude-code-templates --skill performance-optimizer -a claude-code3Manually: put the files in place
~/.claude/skills/performance-optimizer/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/performance-optimizer/
Manually: put the files in place
.agents/skills/performance-optimizer/SKILL.mdFor all projects use ~/.agents/skills/
Manually: put the files in place
.cursor/skills/performance-optimizer/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install davila7/claude-code-templates performance-optimizer2Manually: put the files in place
.github/skills/performance-optimizer/SKILL.mdPlatform CLI
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/productivity/performance-optimizerManually: put the files in place
.devin/skills/performance-optimizer/SKILL.mdThe legacy .windsurf/skills/ path still works
Claude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
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.