CtrlK
BlogDocsLog inGet started
Tessl Logo

nextjs-app-router-patterns

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

36

Quality

32%

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

28%Scale 1-5

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

This skill is essentially a placeholder that provides no actionable Next.js App Router guidance. It contains generic meta-instructions ('Clarify goals', 'Apply best practices') rather than concrete patterns, code examples, or specific workflows. The entire value proposition is deferred to a referenced file that doesn't exist in the bundle.

Suggestions

Add concrete, executable code examples for core App Router patterns (e.g., Server Component data fetching, route handlers, Server Actions) directly in the SKILL.md

Replace generic instructions ('Apply relevant best practices') with specific Next.js guidance such as when to use 'use client', how to structure the app directory, and caching strategies

Include at least one complete workflow with validation steps, such as setting up a new route with loading/error boundaries

Provide the referenced `resources/implementation-playbook.md` file or inline the essential patterns so the skill has standalone value

DimensionReasoningScore

Conciseness

The 'Use this skill when' and 'Do not use this skill when' sections add some value but are somewhat generic. The instructions section is vague boilerplate rather than Next.js-specific content. Not severely verbose, but includes padding that doesn't earn its place.

3 / 5

Actionability

There is no concrete code, no specific commands, no executable examples, and no actual Next.js patterns. The instructions are entirely abstract ('Clarify goals', 'Apply relevant best practices') with zero specificity about App Router implementation.

1 / 5

Workflow Clarity

There's a rough implied sequence in the instructions ('Clarify goals, Apply best practices, Provide actionable steps, Validate outcomes') but these are generic meta-instructions with no actual workflow steps, no validation checkpoints, and no specificity to Next.js operations.

2 / 5

Progressive Disclosure

The skill references `resources/implementation-playbook.md` for detailed patterns, which is appropriate progressive disclosure in principle. However, no bundle files are provided to verify the reference exists, and the main file contains almost no substantive content of its own—it's essentially an empty shell pointing elsewhere.

3 / 5

Total

9

/

20

Passed

Description

36%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 the technology domain (Next.js 14+ App Router) but relies on vague language like 'comprehensive patterns' and 'architecture' instead of listing concrete actions. It completely lacks a 'Use when...' clause, making it difficult for Claude to know when to select this skill over other React or Next.js skills. The technology-specific terms provide some distinctiveness but are insufficient for reliable skill selection.

Suggestions

Add a 'Use when...' clause with trigger phrases like 'Use when the user asks about Next.js routing, server components, data fetching, server actions, or building full-stack React applications with the App Router.'

Replace 'comprehensive patterns' with concrete actions such as 'Creates route handlers, implements server/client component patterns, configures layouts and loading states, sets up data fetching and caching strategies.'

Include additional trigger terms and synonyms like 'RSC', 'server actions', 'route groups', 'middleware', 'streaming', and 'app directory' to improve keyword coverage.

DimensionReasoningScore

Specificity

Names the domain (Next.js 14+ App Router, Server Components, full-stack React) but actions are minimal — 'comprehensive patterns' and 'architecture' are vague and don't describe concrete actions like 'create routes', 'implement data fetching', or 'configure layouts'.

2 / 5

Completeness

Has a vague 'what' (comprehensive patterns for architecture and development) but completely lacks a 'when' clause. There is no explicit guidance on when Claude should select this skill, which per the rubric caps completeness at 3, and the weak 'what' brings it down to 2.

2 / 5

Trigger Term Quality

Includes relevant keywords like 'Next.js 14+', 'App Router', 'Server Components', and 'React', which users would naturally mention. However, it misses common variations and synonyms like 'RSC', 'server actions', 'route handlers', 'middleware', 'layouts', or 'loading states'.

3 / 5

Distinctiveness Conflict Risk

Somewhat specific to Next.js 14+ App Router which narrows the domain, but 'modern full-stack React development' is broad enough to overlap with general React skills, and 'comprehensive patterns' could conflict with any React architecture or patterns skill.

3 / 5

Total

10

/

20

Passed

Validation

90%

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

Validation10 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

10

/

11

Passed

Repository
administrakt0r/AI-Agents-Safe-Coding-Skills
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.