# performance-optimization

> Optimizes application performance across frontend, backend, queries, and databases.

Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvement, when N+1 query patterns need fixing, or when profiling reveals bottlenecks.

- Type: Skill
- Made by: addyosmani
- Category: Developer tools
- Formats: Skills
- Version: ff57eab
- Source: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization
- Page: https://pluginboard.ai/skills/performance-optimization

## Works with

- ChatGPT
- Claude
- Gemini
- GitHub Copilot
- Cursor
- Claude Code
- Codex
- Antigravity
- Gemini CLI
- Replit
- OpenClaw
- OpenCode
- Hermes Agent

## Install

### ChatGPT

In ChatGPT: Download the performance-optimization folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans.

View the folder on GitHub: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization

### Claude

In Claude (web or desktop): Download the performance-optimization folder and zip the folder itself, then upload it in Customize → Skills.

View the folder on GitHub: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization

### Gemini

In Gemini: Download the performance-optimization folder, then at gemini.google.com click Customize → Skills → Create → Upload and pick the folder (or a .zip of it).

View the folder on GitHub: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization

### GitHub Copilot

Run in your terminal:

```shell
npx -y degit addyosmani/agent-skills/skills/performance-optimization ~/.copilot/skills/performance-optimization
```

View the folder on GitHub: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization

### Cursor

Run in your terminal:

```shell
npx -y degit addyosmani/agent-skills/skills/performance-optimization ~/.cursor/skills/performance-optimization
```

View the folder on GitHub: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization

### Claude Code

Run in your terminal:

```shell
npx -y degit addyosmani/agent-skills/skills/performance-optimization ~/.claude/skills/performance-optimization
```

View the folder on GitHub: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization

Or all of Addy Osmani's Agent Skills, in Claude Code:

```text
/plugin marketplace add addyosmani/agent-skills
/plugin install agent-skills@addy-agent-skills
```

### Codex

Run in your terminal:

```shell
npx -y degit addyosmani/agent-skills/skills/performance-optimization ~/.agents/skills/performance-optimization
```

View the folder on GitHub: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization

### Antigravity

In Antigravity: Copy the performance-optimization folder into ~/.gemini/config/skills (Antigravity app and IDE) or ~/.gemini/antigravity-cli/skills (Antigravity CLI).

View the folder on GitHub: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization

### Gemini CLI

Run in your terminal:

```shell
npx -y degit addyosmani/agent-skills/skills/performance-optimization ~/.gemini/skills/performance-optimization
```

View the folder on GitHub: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization

### Replit

Run in your terminal:

```shell
npx -y degit addyosmani/agent-skills/skills/performance-optimization .agents/skills/performance-optimization
```

View the folder on GitHub: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization

### OpenClaw

Run in your terminal:

```shell
npx -y degit addyosmani/agent-skills/skills/performance-optimization ~/.openclaw/skills/performance-optimization
```

View the folder on GitHub: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization

### OpenCode

Run in your terminal:

```shell
npx -y degit addyosmani/agent-skills/skills/performance-optimization ~/.config/opencode/skills/performance-optimization
```

View the folder on GitHub: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization

### Hermes Agent

Run in your terminal:

```shell
npx -y degit addyosmani/agent-skills/skills/performance-optimization ~/.hermes/skills/performance-optimization
```

View the folder on GitHub: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization

---
From Pluginboard (https://pluginboard.ai).