CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

67

Quality

80%

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/frontend-mobile-development/skills/nextjs-app-router-patterns/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

72%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-organized overview that uses executable code and tables efficiently and cleanly defers detail to a verified one-level reference. Its main weakness is the absence of any sequenced workflow with validation checkpoints, which fits a reference catalog but limits workflow clarity.

Suggestions

Add a short ordered workflow for a representative end-to-end task (e.g., scaffold route → fetch data → add Suspense → validate build) with an explicit verification step such as `next build` or type-check.

Trim the brief explanatory sentences in 'When to Use' and 'Best Practices' to tighten the token budget further.

Inline one or two more common-case examples (such as a Server Action with revalidateTag) so the body covers frequent scenarios without requiring the reference.

DimensionReasoningScore

Conciseness

Mostly lean with tables, a file-tree, and executable code rather than padded prose; a few short explanatory lines could be trimmed but it generally respects the token budget.

4 / 5

Actionability

Provides concrete, executable TypeScript (layout.tsx, page.tsx with ISR revalidate) and actionable do/don't lists, but the body defers most common cases to the referenced file rather than covering them inline.

4 / 5

Workflow Clarity

The body is a patterns catalog rather than a sequenced multi-step process, so there are no explicit validation checkpoints or ordered workflow steps; structure exists but checkpoints are absent.

3 / 5

Progressive Disclosure

Clear overview in SKILL.md with a single well-signaled one-level-deep reference ('Detailed pattern documentation lives in references/details.md'), and the referenced file exists, giving easy navigation.

5 / 5

Total

16

/

20

Passed

Description

87%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, well-structured description that clearly states capabilities and explicit usage triggers with natural keywords. Minor gains would come from a couple more synonyms or file/extension terms, but it already covers both what and when well.

DimensionReasoningScore

Specificity

Names the domain (Next.js 14+ App Router) and several concrete capabilities ('Server Components, streaming, parallel routes, and advanced data fetching'), but coverage stops at four named areas rather than being comprehensive.

4 / 5

Completeness

Explicitly answers both what ('Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching') and when ('Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Includes natural user-facing phrases like 'building Next.js applications', 'implementing SSR/SSG', and 'optimizing React Server Components'; good coverage though a few common synonyms are absent.

4 / 5

Distinctiveness Conflict Risk

Targets a clear niche (Next.js 14+ App Router with Server Components) with distinct triggers, leaving minimal overlap risk with unrelated skills.

5 / 5

Total

18

/

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
wshobson/agents
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.