CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

nextjs-turbopack

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

Quality

72%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./.kiro/skills/nextjs-turbopack/SKILL.md

The canonical home for this skill is nextjs-turbopack in affaan-m/ECC

SKILL.md
Quality
Evals
Security

Quality

Content

67%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is well-organized, concise, and centered on genuinely version-specific knowledge (Turbopack defaults, proxy.ts naming) with a valuable guard against a false-positive review finding. Its main weakness is actionability: guidance repeatedly defers to external docs instead of providing concrete, executable configuration or diagnostic steps.

Suggestions

Add executable snippets for the key actionable claims, e.g. the exact `--webpack` / `--no-turbopack` invocations for a specific version and the config block to enable the Bundle Analyzer.

Replace repeated 'check the docs for your version' hedging with one pinned version matrix (e.g. 'Next.js 16.0: --webpack flag; 16.1+: --no-turbopack') so the guidance is self-contained.

Turn the slow-dev diagnosis hint into a short ordered checklist (verify Turbopack is active, confirm .next cache persists, compare cold vs warm start) with a verification step.

DimensionReasoningScore

Conciseness

Mostly efficient and focused on version-specific facts Claude cannot be assumed to know (Turbopack default in Next.js 16, proxy.ts naming). Minor over-explanation and hedging ('check the official docs for the version you are reviewing' appears repeatedly, plus the opinionated 'Prefer App Router and server components where possible') keep it at anchor 4 rather than 5.

4 / 5

Actionability

Some concrete guidance exists ('--webpack'/'--no-turbopack' flag, 'proxy.ts' at project root, cache under '.next'), but the command examples are trivial ('next dev', 'next build') and key details are deferred ('enable via config or experimental flag', 'see Next.js docs for your version') without an executable snippet. This matches anchor 3 (some concrete guidance but incomplete) rather than 4.

3 / 5

Workflow Clarity

The 'When to Use' section gives clear decision guidance (Turbopack default vs webpack fallback vs production caveat) with an unambiguous primary action, and no destructive or batch operations require validation checkpoints. It stops short of anchor 5 because there is no explicit sequence or checkpoint for the diagnostic tasks it names (e.g. diagnosing slow dev startup).

4 / 5

Progressive Disclosure

Well-organized single-file structure with clear sections and no bundle files to reference; the external link (nextjs.org proxy docs) is clearly signaled. At ~52 lines with a self-contained middleware section, it fits anchor 4 rather than the under-50-lines simple-skill case that would merit 5.

4 / 5

Total

15

/

20

Passed

Description

65%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description identifies a distinct niche with good trigger keywords, but it reads as a topic list rather than a statement of what the skill does and when to invoke it. Adding an explicit 'Use when...' clause with concrete actions would raise completeness and specificity.

Suggestions

Add an explicit trigger clause, e.g. 'Use when developing or debugging Next.js 16+ apps, diagnosing slow dev startup or HMR, or choosing between Turbopack and webpack.'

Replace topic nouns with concrete actions the skill performs (e.g. 'Configure Turbopack, enable FS caching, run the Bundle Analyzer, choose the correct middleware filename').

Include common synonym terms users say (HMR, hot reload, dev server, .next cache) to broaden trigger coverage.

DimensionReasoningScore

Specificity

Names the domain clearly ('Next.js 16+ and Turbopack') and topics ('incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack'), but these are subject-matter labels rather than concrete skill actions. Fits anchor 3 (domain plus limited concrete actions); not 4 because no list of several specific performed actions is given.

3 / 5

Completeness

The 'what' is clear, but the only 'when' phrasing ('when to use Turbopack vs webpack') describes subject-matter coverage, not when to invoke the skill. Per the guideline, a missing 'Use when...' clause or equivalent explicit trigger guidance caps completeness at 3.

3 / 5

Trigger Term Quality

'Next.js', 'Turbopack', 'webpack', 'bundling', 'dev speed' are natural terms users would say when needing this skill. A few natural variations are missing ('HMR', 'hot reload', 'build performance', '.next'), so it matches anchor 4 rather than 5.

4 / 5

Distinctiveness Conflict Risk

'Next.js 16+ and Turbopack' carves out a clear niche with distinct triggers (Turbopack, webpack, dev speed) and minimal overlap risk with other skills, matching anchor 5.

5 / 5

Total

15

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository

affaan-m/ECC

Path

.kiro/skills/nextjs-turbopack/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.