CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

nextjs-developer

Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure route handlers, implement middleware, set up API routes, add streaming SSR, write generateMetadata for SEO, scaffold loading.tsx/error.tsx boundaries, or deploy to Vercel. Triggers on: Next.js, Next.js 14, App Router, RSC, use server, Server Components, Server Actions, React Server Components, generateMetadata, loading.tsx, Next.js deployment, Vercel, Next.js performance.

71

Quality

89%

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

SKILL.md
Quality
Evals
Security

Quality

Content

78%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.

A well-structured body: concrete MUST DO/MUST NOT constraints, three executable code examples, a validated workflow, and an exemplary reference table over real one-level-deep bundle files. Remaining gaps are the absence of an explicit error-recovery loop after `next build` validation, undefined helper dependencies in two examples, and a redundant keyword-list section.

Suggestions

Add a feedback loop after the deploy validation step (e.g., 'If `next build` fails or type errors appear, fix them and re-run until the build passes cleanly') to lift workflow_clarity to anchor 5.

Remove or fold the 'Knowledge Reference' keyword list into the description's triggers — it duplicates information Claude already has and wastes context tokens.

Make the server-action and generateMetadata examples self-contained by showing the imports/data-layer stubs for `db` and `fetchProduct`, or note explicitly that they assume a Prisma client and a fetch wrapper so the code is copy-paste ready.

DimensionReasoningScore

Conciseness

The body is efficient — constraints, code, and workflows with no concept explanations — but the 'Knowledge Reference' keyword dump ('Next.js 14+, App Router, React Server Components, …') restates the description's triggers and adds no actionable value, fitting anchor 4 ('minor instances… that could be trimmed') rather than the lean anchor 5.

4 / 5

Actionability

Three complete, executable code examples plus concrete validation commands ('run `next build` locally… run Lighthouse/PageSpeed') give mostly copy-paste-ready guidance, but the server-action and generateMetadata examples depend on undefined helpers (`db.product.create`, `fetchProduct`) — the minor gaps of anchor 4, short of anchor 5's fully-executable coverage.

4 / 5

Workflow Clarity

The 5-step Core Workflow has a clear sequence and an explicit validation checkpoint with concrete thresholds ('confirm zero type errors', 'Core Web Vitals > 90'), but there is no fix-and-retry feedback loop when validation fails, matching anchor 4 ('most checkpoints present; minor validation gaps') rather than anchor 5's error-recovery loops.

4 / 5

Progressive Disclosure

The Reference Guide table pairs each of five topics with a verified, real bundle file and a 'Load When' column telling Claude exactly when to open it; references are one level deep with no nesting — a clear match for anchor 5's 'well-signaled one-level-deep references; easy navigation'.

5 / 5

Total

17

/

20

Passed

Description

96%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.

A strong description: explicit 'Use when' scoping, a comprehensive list of concrete capabilities, and a rich trigger set with synonyms and file names. The only weakness is that a few broad trigger terms (Vercel, RSC, Server Components) create minor conflict risk with adjacent React/deployment skills.

Suggestions

Qualify the 'Vercel' and 'Server Components'/'RSC' triggers with Next.js context (e.g., 'Next.js on Vercel', 'Next.js Server Components') to reduce overlap with generic React and Vercel-deployment skills.

DimensionReasoningScore

Specificity

Lists seven concrete actions ('configure route handlers, implement middleware, set up API routes, add streaming SSR, write generateMetadata for SEO, scaffold loading.tsx/error.tsx boundaries, or deploy to Vercel'), comprehensively covering the Next.js App Router domain with no meaningful gaps.

5 / 5

Completeness

Explicitly answers both 'when' ('Use when building Next.js 14+ applications with App Router, server components, or server actions') and 'what' ('Invoke to configure route handlers…'), plus a concrete trigger-phrase list — clearly the anchor-5 case, above the anchor-4 'when could be more specific' level.

5 / 5

Trigger Term Quality

The 'Triggers on:' list covers natural terms, synonyms (RSC, Server Components, React Server Components), version variants (Next.js, Next.js 14), and file names (loading.tsx), matching the comprehensiveness of the anchor-5 example.

5 / 5

Distinctiveness Conflict Risk

The Next.js niche is clear and mostly distinct, but bare 'Vercel', 'Server Components', and 'RSC' triggers could fire for plain React or non-Next.js Vercel deployment questions — minor overlap risk with closely related skills, matching anchor 4 rather than the minimal-conflict anchor 5.

4 / 5

Total

19

/

20

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.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

jeffallan/claude-skills

Path

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