Next Bundle Optimizer
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.
github.com/vercel/next.js/skills/next-bundle-optimizer (opens in a new tab)
- Official
- Multi-skill repo
- Plugin marketplace
- Security
- Actively maintained
Add this skill
Claude
This repository is a Claude Code plugin marketplace. In Claude Code:
/plugin marketplace add vercel/next.js
/plugin install nextjs@nextjsIn the Claude apps, zip the next-bundle-optimizer folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).
ChatGPT / Codex
Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:
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 projectsStandalone skills also load in the ChatGPT desktop app.
Cursor
Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:
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 projectsSource (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), code.claude.com/docs/en/plugin-marketplaces (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)
What this skill does
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.
When it triggers
- Use for slow route startup, oversized client bundles, duplicate browser dependencies, or features that can wait for interaction.
More skills in vercel/next.js
6 skills are listed from this repository.
Similar skills
More security skills
Wizard
mattpocock/skills
Generate an interactive bash wizard that walks a human through steps only they can perform.
SecurityShellPostgres Patterns
affaan-m/ECC
PostgreSQL database patterns for query optimization, schema design, indexing, and security.
SecurityJavaScriptPonytail Audit
DietrichGebert/ponytail
Whole-repo audit for over-engineering. Like ponytail-review, but scans the entire codebase instead of a diff: a ranked list of what to delete, simplify, or replace with stdlib/native equivalents.
SecurityJavaScriptCloud
browser-use/browser-use
Documentation reference for using Browser Use Cloud — the hosted API and SDK for browser automation.
OfficialSecurityPythonSecurity And Hardening
addyosmani/agent-skills
Hardens code against vulnerabilities. Use when auditing an input handler for vulnerabilities, when handling user input, authentication, data storage, or external integrations, or when checking a…
SecurityJavaScriptDoubt Driven Development
addyosmani/agent-skills
Subjects every non-trivial decision to a fresh-context adversarial review before it stands.
SecurityJavaScript
What is the Next Bundle Optimizer 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. Its SKILL.md lives at github.com/vercel/next.js/skills/next-bundle-optimizer.
How do I install the Next Bundle Optimizer skill?
In Claude Code, run /plugin marketplace add vercel/next.js and then /plugin install nextjs@nextjs. For Codex or Cursor, copy the next-bundle-optimizer folder into .agents/skills/ or .cursor/skills/.
Is the Next Bundle Optimizer skill free?
Yes. The repository is open source under the MIT license.
Is Next Bundle Optimizer maintained?
The repository's most recent commit was on Oct 6, 2026. Its latest release is v16.3.8. appsgit only lists skills from repositories with a commit in the last six months.