CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

nextjs-development

Build, maintain, and optimize production-grade full-stack web applications using the Next.js App Router (versions 14, 15, and 16+). Covers architecture, React Server Components, Client Components, data fetching, caching, Server Actions, Route Handlers, middleware, performance optimization, and TypeScript configuration.

57

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 ./skills/development-skills/nextjs-development/SKILL.md
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 skill is highly actionable with complete, executable code and a clearly sequenced workflow backed by an explicit verification section and a real deep-dive reference file. Its main weakness is token efficiency: much of the body is standard Next.js boilerplate Claude already knows, and significant detail duplicated with the 823-line reference is inlined rather than delegated.

Suggestions

Trim or delegate standard boilerplate (full tsconfig.json dump, stock root layout, next/font setup, basic metadata/sitemap examples) to the reference file, keeping SKILL.md focused on the non-obvious: Next.js 15+ async request APIs, 'use cache' directives, default.tsx pitfalls, and client/server boundary rules.

Add brief error-recovery guidance to the Verification section (e.g., what to check when tsc fails on route context props, or when the build manifest shows unexpected ƒ (Dynamic) entries) to close the feedback-loop gap.

Move the Step 8 parallel/intercepting-routes detail into references/app-router-patterns.md (it already covers this in section 6) and keep only a pointer plus the key pitfall note inline.

DimensionReasoningScore

Conciseness

The ~640-line body inlines substantial boilerplate Claude already knows: a full tsconfig.json dump, a stock root layout with next/font, standard metadata/sitemap examples, and a standard middleware example — matching anchor 2 ("noticeably verbose; several unnecessary... sections"). Not anchor 1: there is no explanatory prose padding and the genuinely version-sensitive content (async params in 15+, 'use cache', default.tsx pitfall) is high-value.

2 / 5

Actionability

Code is fully executable and copy-paste ready throughout: concrete create-next-app flags, await-ed params typings, a working middleware matcher regex, Zod env validation, and route handlers with explicit error handling — matching anchor 5 ("Fully executable; copy-paste ready code or commands; specific examples cover the common cases").

5 / 5

Workflow Clarity

Ten clearly sequenced steps plus a Verification section with explicit automated gates (next lint, tsc --noEmit, next build manifest inspection, next start runtime checks) match anchor 4. It falls short of anchor 5 because there are no error-recovery feedback loops (e.g., what to do when the build manifest shows unexpected dynamic rendering), but checkpoints are explicit and specific, well above anchor 3.

4 / 5

Progressive Disclosure

The body is well-sectioned and points to a real, one-level-deep reference (references/app-router-patterns.md, 823 lines, verified on disk, with its own table of contents) clearly signaled via the "Deep Dive Reference" section — matching anchor 4. Not anchor 5: substantial content duplicated with the reference (parallel routes, caching, metadata, streaming) is inlined in SKILL.md when it more appropriately belongs in the reference file.

4 / 5

Total

15

/

20

Passed

Description

66%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 is strong on specificity and trigger terms, clearly carving out the Next.js App Router niche with concrete capability areas. Its main weakness is the complete absence of a "Use when..." clause or equivalent trigger guidance, which caps completeness at 3 and slightly weakens discoverability.

Suggestions

Append an explicit trigger clause, e.g., "Use when initializing or migrating a project to the Next.js App Router, building Server Actions or Route Handlers, or debugging App Router rendering, caching, or revalidation issues."

Add common user phrasings and synonyms ("React Server Components", "SSR/ISR", "pages-to-app migration") to improve trigger term coverage toward anchor 5.

Trim generic phrasing like "production-grade full-stack web applications" in favor of more Next.js-specific verbs ("scaffold", "migrate", "configure revalidation") to reduce overlap with generic React/TypeScript skills.

DimensionReasoningScore

Specificity

The description lists several concrete capability areas ("React Server Components, Client Components, data fetching, caching, Server Actions, Route Handlers, middleware, performance optimization, and TypeScript configuration") anchored by the verbs "Build, maintain, and optimize". It falls short of anchor 5 because the actions are named by topic rather than as concrete operations, but it clearly exceeds the 1-2-action scope of anchor 3.

4 / 5

Completeness

The "what" is clear and specific, but there is no "Use when..." clause or any equivalent explicit trigger guidance — per the judging guidelines, a missing 'when' clause caps completeness at 3. This exactly matches anchor 3: "Has a clear 'what' but 'when' is missing."

3 / 5

Trigger Term Quality

Natural trigger terms users would actually say are present ("Next.js App Router", "Server Components", "Server Actions", "middleware", "caching", "performance optimization"). A few natural terms are missing (e.g., "React", "SSR/ISR", pages-router migration phrasing, file extensions), matching anchor 4 rather than the comprehensive synonym coverage of anchor 5.

4 / 5

Distinctiveness Conflict Risk

Distinctive niche markers ("Next.js App Router (versions 14, 15, and 16+)", "Server Actions") sharply distinguish it from unrelated skills. Broad phrasing like "production-grade full-stack web applications" and "TypeScript configuration" creates minor overlap risk with generic React/TypeScript/web skills, matching anchor 4 rather than the minimal-conflict profile of anchor 5.

4 / 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

skill_md_line_count

SKILL.md is long (646 lines); consider splitting into references/ and linking

Warning

Total

15

/

16

Passed

Repository

administrakt0r/pro-skills-repo-administraktor

Path

skills/development-skills/nextjs-development/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.