CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

nextjs-app-router-patterns

Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.

37

Quality

47%

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 ./plugins/antigravity-bundle-typescript-javascript/skills/nextjs-app-router-patterns/SKILL.md

The canonical home for this skill is nextjs-app-router-patterns in rmyndharis/antigravity-skills

SKILL.md
Quality
Evals
Security

Quality

Content

22%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 a well-sectioned but nearly empty stub: the "Use when" list is genuinely useful, yet the instructions are generic filler, no actionable Next.js guidance exists, and its single reference points to a file that is missing from the bundle. It fails to deliver the patterns it promises, either inline or via a working reference.

Suggestions

Replace the generic Instruction bullets with 3-5 concrete Next.js App Router patterns (e.g. a server component with data fetching, a Server Action with revalidation, a parallel-routes layout sketch) so the body is actionable on its own.

Fix the broken reference: the bundle has no resources/ directory — either ship resources/implementation-playbook.md or point to a file that exists in references/.

Delete the vacuous "Do not use this skill when" bullets and the duplicated description line, and describe the playbook's contents (what sections it holds) so the reference is informative.

DimensionReasoningScore

Conciseness

The body is short and sectioned, but a large share is vacuous boilerplate Claude already knows: "The task is unrelated to next.js app router patterns", "You need a different domain or tool outside this scope", "Apply relevant best practices and validate outcomes", plus a line duplicating the frontmatter description. Anchor 3 ('mostly efficient but includes some unnecessary explanation'); not 4 because the padding is more than minor, not 2 because the total footprint is small and no background concepts are explained.

3 / 5

Actionability

No code, commands, patterns, or concrete steps appear anywhere in the body — the Instructions are platitudes ("Apply relevant best practices and validate outcomes", "Provide actionable steps and verification") and everything substantive is delegated to a reference file. This matches anchor 1 ('entirely vague or abstract; no concrete code or commands'); not 2 because anchor 2 requires high-level hints about actual task steps, and none are present.

1 / 5

Workflow Clarity

There is no sequence of steps, no ordering, and no validation checkpoints — the "Instructions" bullets are universal truisms unrelated to any Next.js workflow. Anchor 1 ('steps missing or incoherent; no sequence'); not 2 because not even a rough sequence exists.

1 / 5

Progressive Disclosure

Sections are well organized and the reference is clearly signaled with its purpose ("resources/implementation-playbook.md for detailed patterns and examples"), one level deep. However, the actual bundle contains no resources/, references/, scripts/, or assets/ directories — the referenced playbook file does not exist, so navigation is broken and the body is a stub pointing at nothing, resembling the bad "See advanced.md for more details" example. Anchor 3; not 4 because a good-structure score requires working references and appropriately placed content, not 2 because the reference is clearly signaled rather than buried and no content is misfiled inline.

3 / 5

Total

8

/

20

Passed

Description

48%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 specific, distinctive domain but describes no concrete capabilities and omits any 'use when' trigger guidance, capping its usefulness for skill selection. It reads as a topic statement rather than a capability-plus-trigger description.

Suggestions

State concrete actions instead of "Comprehensive patterns for", e.g. "Builds and migrates Next.js 14+ App Router applications, implements Server Components, streaming, parallel/intercepting routes, and Server Actions".

Append an explicit trigger clause such as "Use when building or migrating Next.js App Router projects, implementing Server Components/RSC, or setting up Server Actions", adding natural synonyms like "Pages Router", "RSC", and "route handlers".

Trim the broad "modern full-stack React development" tail to reduce overlap with generic React skills.

DimensionReasoningScore

Specificity

"Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development" names the domain and technologies, but the only action language is the generic "patterns ... development" — no concrete actions (build, migrate, implement) are stated. It sits at the 'names the domain but actions are minimal or generic' anchor; not a 3 because no concrete capability is listed, not a 1 because the domain is specifically identified.

2 / 5

Completeness

The 'what' is reasonably clear (patterns for Next.js 14+ App Router architecture and full-stack React development), but there is no 'Use when...' clause or equivalent trigger guidance, so completeness is capped at 3 per the judging guidelines. Not a 4 because 'when' is entirely absent rather than merely under-specified; not a 2 because the 'what' clearly identifies the scope.

3 / 5

Trigger Term Quality

"Next.js 14+ App Router" and "Server Components" are natural terms users would say, but common variations and synonyms are missing: "Pages Router", "migration", "RSC", "Server Actions", "route handlers". Anchor 3 ('some relevant keywords but missing common variations') fits; not 4 because the gaps exceed 'a few natural terms missing' — even trigger phrases the skill's own body lists are absent.

3 / 5

Distinctiveness Conflict Risk

"Next.js 14+ App Router architecture" and "Server Components" form a distinct niche with minimal conflict risk, but the broad tail phrase "modern full-stack React development" invites overlap with generic React/web-development skills. Anchor 4 ('mostly distinct; minor overlap risk with closely related skills'); not 5 due to that broad phrase, not 3 because the core terms are far more specific than a vague 'works with X files' style description.

4 / 5

Total

12

/

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

administrakt0r/AI-Agents-Safe-Coding-Skills

Path

plugins/antigravity-bundle-typescript-javascript/skills/nextjs-app-router-patterns/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.