# Next Bundle Optimizer (agent skill)

> Next Bundle Optimizer is an agent skill (a SKILL.md file) from vercel/next.js. Audit and reduce Next.js browser initial-load work. It works with Claude Code and has 143,231 GitHub stars across a repository of 6 listed skills. Install it by copying the skill folder into your agent's skills directory.

Audit and reduce Next.js browser initial-load work. Use for slow route startup, oversized client bundles, duplicate browser dependencies, or features that can wait for interaction. Analyze the whole app by default, covering all routes and shared client dependencies. Narrow the scope only when the user specifies a route, dependency, feature or other subset. Choose audit or fix mode.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/vercel/next.js |
| Skill path | skills/next-bundle-optimizer/SKILL.md |
| Skill name | next-bundle-optimizer |
| GitHub stars | 143,231 |
| Installs on skills.sh | 3 |
| License | MIT |
| Skills in repo | 6 |
| Plugin marketplace | nextjs |
| Official | yes |
| Works with | Claude Code |
| Category | Security |
| Last commit | Oct 6, 2026 |

## When it triggers

- Use for slow route startup, oversized client bundles, duplicate browser dependencies, or features that can wait for interaction.

## Add this skill

### Claude Code

```sh
/plugin marketplace add vercel/next.js
/plugin install nextjs@nextjs
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/vercel/next.js.git
cp -r next.js/skills/next-bundle-optimizer .agents/skills/next-bundle-optimizer   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/vercel/next.js.git
cp -r next.js/skills/next-bundle-optimizer .cursor/skills/next-bundle-optimizer   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

skills.sh listing: https://www.skills.sh/vercel/next.js/next-bundle-optimizer

---

Canonical page: https://appsgit.com/skills/vercel-next-bundle-optimizer
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.
