nextjs-app-router-patterns

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components.

Quality

62%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/nextjs-app-router-patterns/SKILL.md

Quality

Content

46%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 body is concise and reasonably structured but lacks concrete executable guidance and its single external reference is missing, leaving it mostly abstract. Strengthening it requires real code/pattern examples and a valid resources bundle.

Suggestions

Replace abstract instructions with at least one concrete, copy-paste App Router pattern (e.g., a Server Component with streaming Suspense boundary) in the body.

Create the referenced `resources/implementation-playbook.md` (or remove the broken reference) so progressive disclosure actually resolves.

Add an explicit validation checkpoint to the workflow, such as how to verify a route segment builds or that streaming renders correctly.

Dimension	Reasoning	Score
Conciseness	The body is lean and free of padded concept explanations Claude already knows, with only minor generic phrasing ("Apply relevant best practices and validate outcomes") that could be tightened.	4 / 5
Actionability	Guidance is high-level and abstract ("Clarify goals...", "Apply relevant best practices", "Provide actionable steps") with no concrete code, commands, or specific App Router patterns to execute, matching the minimal-guidance anchor.	2 / 5
Workflow Clarity	A rough four-step sequence is present (clarify → apply → provide steps → open playbook), but validation is vague ("validate outcomes") with no explicit checkpoints or error-recovery loops.	3 / 5
Progressive Disclosure	It signals a one-level-deep reference to `resources/implementation-playbook.md`, but that resources directory does not exist in the bundle, so the reference is broken and navigation leads nowhere.	2 / 5
	Total	11 / 20 Passed

Description

78%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 well-targeted and complete, clearly stating both capabilities and use triggers for a distinct Next.js App Router niche. It is held back from the top by slightly abstract action verbs and missing synonym-level keyword coverage.

Dimension	Reasoning	Score
Specificity	Lists several concrete capabilities ("Server Components, streaming, parallel routes, and advanced data fetching") but leads with the abstract verb "Master" rather than enumerated actions, leaving minor gaps versus a fully comprehensive list.	4 / 5
Completeness	It explicitly answers both "what" (master App Router with Server Components, streaming, etc.) and "when" ("Use when building Next.js applications..."), with the "when" reasonably specific but not maximally concrete.	4 / 5
Trigger Term Quality	Natural trigger phrases users would say are present ("building Next.js applications, implementing SSR/SSG, or optimizing React Server Components"), but it omits some synonyms and file/concept variations, so coverage is good rather than comprehensive.	4 / 5
Distinctiveness Conflict Risk	The scope is tightly niched to Next.js 14+ App Router with distinct, version-specific triggers, making conflict with unrelated skills minimal.	5 / 5
	Total	17 / 20 Passed

Validation

100%

Warnings & errors only

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: rmyndharis/antigravity-skills
Path: skills/nextjs-app-router-patterns/SKILL.md
Commit: 3eff4af

Reviewed: 23 days ago

Table of Contents

Discovery Implementation Validation

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.