New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Nextjs Turbopack

by affaan-m in affaan-m/ECC

Next.js 16+ 和 Turbopack — 增量打包、文件系统缓存、开发速度，以及何时使用 Turbopack 与 webpack。

MITAuto-check passedDevelopment

Install Nextjs Turbopack

skills CLI
$ npx skills add affaan-m/ECC --skill nextjs-turbopack -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install affaan-m/ECC nextjs-turbopack --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/affaan-m/ECC.git skills-src && mkdir -p .claude/skills && cp -r skills-src/docs/zh-CN/skills/nextjs-turbopack .claude/skills/nextjs-turbopack && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
nextjs-turbopack
GitHub stars
276k
Used in
1 other repo
Token cost
~300 tokens
SKILL.md length
84 words
Files
1
Skills in repo
683
Repo updated
First seen
Licence
MIT

At a glance

Next.js 16+ 和 Turbopack — 增量打包、文件系统缓存、开发速度，以及何时使用 Turbopack 与 webpack。

  • Development work in your project
  • SKILL.md covers 何时使用, 工作原理, 示例 and 最佳实践
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Nextjs Turbopack is an agent skill from affaan-m/ECC. Next.js 16+ 和 Turbopack — 增量打包、文件系统缓存、开发速度，以及何时使用 Turbopack 与 webpack。

Its SKILL.md is about 300 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Development. It works with Turborepo, Next.js and webpack. The repository describes itself as: The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond. The licence is MIT.

When your agent uses it

  • Development work in your project

Example prompts

  • “/nextjs-turbopack”

What it can do on your machine

Read from SKILL.md and the folder at commit 4eb71d9. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are bash).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Nextjs Turbopack loads about 300 tokens when it runs. Until then it costs about 22 tokens; SKILL.md has 84 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~22
When it runs · the whole SKILL.md, loaded when a task matches
~300

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from affaan-m/ECC at commit 4eb71d9, republished under its MIT licence (© affaan-m). 84 words, ~300 tokens.

Download SKILL.mdSave it as .claude/skills/nextjs-turbopack/SKILL.md (or your agent's skills folder).
name
nextjs-turbopack
description
Next.js 16+ 和 Turbopack — 增量打包、文件系统缓存、开发速度，以及何时使用 Turbopack 与 webpack。
origin
ECC

Next.js 与 Turbopack

Next.js 16+ 在本地开发中默认使用 Turbopack：这是一个用 Rust 编写的增量捆绑器，能显著加快开发启动和热更新的速度。

何时使用

  • Turbopack (默认开发模式)：用于日常开发。冷启动和热模块替换速度更快，尤其是在大型应用中。
  • Webpack (旧版开发模式)：仅当遇到 Turbopack 错误或依赖仅在开发中可用的 webpack 插件时使用。可通过 --webpack（或 --no-turbopack，具体取决于你的 Next.js 版本；请查阅你所用版本的文档）来禁用。
  • 生产环境：生产构建行为 (next build) 可能使用 Turbopack 或 webpack，这取决于 Next.js 版本；请查阅你所用版本的官方 Next.js 文档。

适用场景：开发或调试 Next.js 16+ 应用，诊断开发启动或热模块替换速度慢的问题，或优化生产环境捆绑包。

工作原理

  • Turbopack：用于 Next.js 开发的增量捆绑器。利用文件系统缓存，因此重启速度要快得多（例如，在大型项目中快 5–14 倍）。
  • 开发环境默认启用：从 Next.js 16 开始，next dev 默认使用 Turbopack，除非被禁用。
  • 文件系统缓存：重启时会复用之前的工作成果；缓存通常位于 .next 下；基本使用无需额外配置。
  • 捆绑包分析器 (Next.js 16.1+)：实验性的捆绑包分析器，用于检查输出并发现重型依赖；可通过配置或实验性标志启用（请查阅你所用版本的 Next.js 文档）。

示例

命令
bash
next dev
next build
next start
使用

运行 next dev 以使用 Turbopack 进行本地开发。使用捆绑包分析器（参见 Next.js 文档）来优化代码分割并剔除大型依赖。尽可能优先使用 App Router 和服务器组件。

最佳实践

  • 保持使用较新的 Next.js 16.x 版本，以获得稳定的 Turbopack 和缓存行为。
  • 如果开发速度慢，请确保你正在使用 Turbopack（默认），并且缓存没有被不必要地清除。
  • 对于生产环境捆绑包大小问题，请使用你所用版本的官方 Next.js 捆绑包分析工具。

© affaan-m, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in docs/zh-CN/skills/nextjs-turbopack of affaan-m/ECC.

Open the folder on GitHubat commit 4eb71d9

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in affaan-m/ECC, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Nextjs Turbopack next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Nextjs Turbopack compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Nextjs Turbopack this skillaffaan-m/ECC276k1 repos~300Automated safety check: PassMIT
Runtime Debugvercel/next.js143k1 repos~618Automated safety check: PassMIT
Flagsvercel/next.js143k—~746Automated safety check: PassMIT
Nextjs16 Skillselophanto/EloPhanto106—~1.4kAutomated safety check: PassCustom licence
Nextjs Turbopackkurealnum/dotfiles2905 repos~540Automated safety check: PassNone
Prd To PlanDwlad90/stylex-swc-plugin112—~767Automated safety check: PassMIT

Similar skills

  • Runtime Debug

    vercel/next.js

    Official

    Debug and verification workflow for runtime-bundle and module-resolution regressions.

    143k GitHub starsUsed in 1 repo~618 tokens
    DevelopmentAuto-check passed

  • Flags

    vercel/next.js

    Official

    How to add or modify Next.js experimental feature flags end-to-end.

    143k GitHub stars~746 tokensUpdated today
    DevelopmentAuto-check passed

  • Nextjs16 Skills

    elophanto/EloPhanto

    Key facts and links for Next.js 16. An agent skill from elophanto/EloPhanto.

    106 GitHub stars~1.4k tokensUpdated 10 days ago
    DevelopmentAuto-check passed

  • Nextjs Turbopack

    kurealnum/dotfiles

    Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

    290 GitHub starsUsed in 5 repos~540 tokens
    Backend & APIsAuto-check passed

  • Prd To Plan

    Dwlad90/stylex-swc-plugin

    Turn a PRD into a multi-phase implementation plan using tracer-bullet vertical slices, saved as a local Markdown file in ./plans/.

    112 GitHub stars~767 tokensUpdated 2 days ago
    Product & Project ManagementAuto-check passed

  • Sanity Live Cache Components

    robotostudio/turbo-start-sanity

    Integrates Sanity Live with Next.js Cache Components in next-sanity v13+ apps.

    183 GitHub stars~2.8k tokensUpdated 5 days ago
    DevelopmentAuto-check passed

More from affaan-m/ECC

All 682 skills in this repo

  • Skill Stocktake

    affaan-m/ECC

    Audits your installed Claude skills and commands for quality, with a quick mode for recently changed skills and a full mode that evaluates all of them through subagents.

    277k GitHub starsUsed in 5 repos~3.1k tokens
    Auto-check passed

  • VideoDB Video Search and Editing

    affaan-m/ECC

    Ingests, indexes, searches, edits and monitors video, audio and live streams through the VideoDB Python SDK, returning stream links, clips and timestamps.

    277k GitHub starsUsed in 3 repos~3.5k tokens
    Auto-check: notes

  • Docs Governance

    affaan-m/ECC

    Route broad documentation-governance requests to existing ECC skills and run an opt-in, read-only audit of mapped documentation roles, links, ADR indexes, and evidence references.

    277k GitHub stars~1.1k tokensUpdated today
    Auto-check passed

  • Rules Distillation

    affaan-m/ECC

    Scans installed skills for principles that recur across them and proposes rule-file changes: append, revise, add a section, create a file or leave as covered.

    277k GitHub starsUsed in 2 repos~2.3k tokens
    Auto-check passed

  • Master Agreement Generator

    affaan-m/ECC

    Builds DRAFT counterparty agreements from one markdown template and a small JSON spec per party, with clauses picked by the party's role.

    277k GitHub stars~2.9k tokensUpdated today
    Auto-check passed

  • Frontend Design Direction

    affaan-m/ECC

    Set an ECC-specific frontend design direction for production UI work.

    277k GitHub starsUsed in 1 repo~2.2k tokens
    Auto-check passed

Works with

Categories

Questions about Nextjs Turbopack

What does Nextjs Turbopack do?

Next.js 16+ 和 Turbopack — 增量打包、文件系统缓存、开发速度，以及何时使用 Turbopack 与 webpack。. Nextjs Turbopack is an agent skill from affaan-m/ECC.

When should I use Nextjs Turbopack?

Nextjs Turbopack fits situations like: development work in your project.

How do I install Nextjs Turbopack in Claude Code?

Run `npx skills add affaan-m/ECC --skill nextjs-turbopack -a claude-code`. Or copy the skill folder (docs/zh-CN/skills/nextjs-turbopack in affaan-m/ECC) into .claude/skills/nextjs-turbopack in your project. Claude Code loads it when a task matches its description.

How do I install Nextjs Turbopack in Codex?

Run `npx skills add affaan-m/ECC --skill nextjs-turbopack -a codex`. Or copy the skill folder (docs/zh-CN/skills/nextjs-turbopack in affaan-m/ECC) into .agents/skills/nextjs-turbopack in your project. Codex loads it when a task matches its description.

Can I use Nextjs Turbopack in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add affaan-m/ECC --skill nextjs-turbopack -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/nextjs-turbopack, .gemini/skills/nextjs-turbopack, .github/skills/nextjs-turbopack and .opencode/skills/nextjs-turbopack in your project.

What does Nextjs Turbopack need to run?

SKILL.md names no scripts, command-line tools or credentials: Nextjs Turbopack is instructions for the agent only.

Does Nextjs Turbopack access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Nextjs Turbopack safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Nextjs Turbopack use?

Nextjs Turbopack is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Nextjs Turbopack use?

About 300 tokens (SKILL.md is roughly 1.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Nextjs Turbopack?

Skills that share tags, products or a category with Nextjs Turbopack: Runtime Debug (vercel/next.js, 143k stars), Flags (vercel/next.js, 143k stars), Nextjs16 Skills (elophanto/EloPhanto, 106 stars) and Nextjs Turbopack (kurealnum/dotfiles, 290 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Nextjs Turbopack?

affaan-m (a GitHub user) maintains it in affaan-m/ECC, which has 276,111 GitHub stars. The repository holds 683 skills in this directory. The repository was last updated on October 10, 2026.

Source: affaan-m/ECC on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.