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 — インクリメンタルバンドリング、FSキャッシング、開発速度、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/ja-JP/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
Token cost
~364 tokens
SKILL.md length
37 words
Files
1
Skills in repo
683
Repo updated
First seen
Licence
MIT

At a glance

Next.js 16+とTurbopack — インクリメンタルバンドリング、FSキャッシング、開発速度、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 — インクリメンタルバンドリング、FSキャッシング、開発速度、Turbopackとwebpackをいつどちらかどうかを選ぶか。

Its SKILL.md is about 360 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 364 tokens when it runs. Until then it costs about 26 tokens; SKILL.md has 37 words of instructions outside code blocks.

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

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). 37 words, ~364 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 — インクリメンタルバンドリング、FSキャッシング、開発速度、Turbopackとwebpackをいつどちらかどうかを選ぶか。
origin
ECC

Next.jsとTurbopack

Next.js 16+はローカル開発にデフォルトでTurbopackを使用する。TurbopackはRustで書かれたインクリメンタルバンドラーで、開発起動時間とホットアップデートを大幅に高速化する。

使用するタイミング

  • Turbopack（デフォルト開発）: 日々の開発に使用する。特に大規模アプリでコールドスタートとHMRが速い。
  • Webpack（レガシー開発）: Turbopackのバグに遭遇した場合、またはwebpackのみのプラグインに依存している場合のみ使用する。--webpack（またはNext.jsのバージョンによっては--no-turbopack）で無効化する。リリースのドキュメントを確認すること。
  • プロダクション: プロダクションビルドの動作（next build）はNext.jsのバージョンによってTurbopackまたはwebpackを使用することがある。使用中のバージョンの公式Next.jsドキュメントを確認すること。

使用するケース: Next.js 16+アプリの開発またはデバッグ、開発起動やHMRの遅延を診断するとき、またはプロダクションバンドルを最適化するとき。

仕組み

  • 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
使用方法

ローカル開発にはTurbopackでnext devを実行する。バンドルアナライザー（Next.jsドキュメント参照）を使用してコード分割を最適化し、大きな依存関係を削減する。可能な限りApp RouterとサーバーコンポーネントをBestPracticeとして使用する。

ベストプラクティス

  • 安定したTurbopackとキャッシングの動作のために最新のNext.js 16.xを使い続ける。
  • 開発が遅い場合は、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/ja-JP/skills/nextjs-turbopack of affaan-m/ECC.

Open the folder on GitHubat commit 4eb71d9

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/ECC276k—~364Automated 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 yesterday
    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 — インクリメンタルバンドリング、FSキャッシング、開発速度、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/ja-JP/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/ja-JP/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 364 tokens (SKILL.md is roughly 1.5k 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.