CtrlK
BlogDocsLog inGet started
Tessl Logo

nextjs-developer

Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke for full-stack features, performance optimization, SEO implementation, production deployment.

66

Quality

78%

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/nextjs-developer/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%

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

A well-organized overview that uses progressive disclosure effectively via a real one-level reference table, but the body itself is weakened by role-play fluff, a buzzword dump, and the absence of any executable code or validation checkpoints in its workflow.

Suggestions

Add at least one concrete, executable example (e.g., a minimal App Router page.tsx server component or a next.config.js snippet) so guidance is copy-paste ready rather than abstract directives.

Trim role-play padding and the trailing Knowledge Reference keyword list ("10+ years experience", "blazing-fast", "Core Web Vitals scores > 90", the buzzword dump) — they add tokens without actionable value.

Insert validation checkpoints into the Core Workflow (e.g., "run `next build` and resolve type/lint errors before deploy") to turn the sequenced steps into a feedback-loop-driven process.

DimensionReasoningScore

Conciseness

Mostly structured and bullet-driven without explaining concepts Claude already knows, but includes padding: "10+ years of React/Next.js experience", "blazing-fast", "Core Web Vitals scores > 90", and a trailing "Knowledge Reference" buzzword dump. It is not level 3 because several tokens do not earn their place, and not level 1 because it avoids verbose concept explanation.

2 / 3

Actionability

Names specific APIs and directives ("next/image", "'use client'", "Metadata API", "native fetch with caching options") but provides no executable code or commands anywhere in the body, and the workflow steps are abstract ("Create App Router structure with layouts, templates, loading states"). It is not level 3 because nothing is copy-paste ready, and not level 1 because the named APIs are concrete rather than purely vague.

2 / 3

Workflow Clarity

The Core Workflow gives a clear 5-step sequence (architecture → routing → data layer → optimize → deploy) but has no validation checkpoints or feedback loops. It is not level 3 because there are no explicit validate/verify steps, and not level 1 because the sequence is clearly ordered.

2 / 3

Progressive Disclosure

The Reference Guide table cleanly signals five one-level-deep references with a "Load When" navigation column, and all five referenced files exist in references/. It is not level 2 because the overview/reference split is well-organized and clearly signaled with no nested chaining.

3 / 3

Total

9

/

12

Passed

Description

100%

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

A strong, concise description that names concrete capabilities, provides explicit "Use when"/"Invoke for" triggers, and is clearly scoped to Next.js 14+ App Router. No first/second-person voice issues since imperative "Use when" phrasing matches accepted good examples.

DimensionReasoningScore

Specificity

Lists multiple concrete actions ("building Next.js 14+ applications with App Router, server components, or server actions", "full-stack features, performance optimization, SEO implementation, production deployment") rather than vague language. It matches the level-3 anchor naming several specific concrete actions and is not the level-2 anchor because coverage is comprehensive, not partial.

3 / 3

Completeness

Explicitly answers both what (building App Router/server-component/server-action applications, full-stack features, perf, SEO, deployment) and when ("Use when building...", "Invoke for..."). It is not level 2 because the "when" is explicit, not merely implied.

3 / 3

Trigger Term Quality

Includes natural terms users would say ("Next.js", "App Router", "server components", "server actions", "performance optimization", "SEO", "deployment") with good coverage. It is above level 2 because it covers common variations rather than only a few relevant keywords.

3 / 3

Distinctiveness Conflict Risk

The niche is clear and version-scoped ("Next.js 14+", "App Router (NOT Pages Router)", server components/actions) with distinct triggers unlikely to fire for unrelated skills. It is not level 2 because the triggers are specific enough to avoid overlapping with general React or frontend skills.

3 / 3

Total

12

/

12

Passed

Validation

100%

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

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
zebbern/claude-code-guide
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.