CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

nextjs-server-navigation

Guide for implementing navigation in Next.js Server Components using Link component and redirect() function. Covers the difference between server and client navigation methods. Use when adding links, redirects, or navigation logic in server components without converting them to client components unnecessarily.

66

Quality

83%

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

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

Highly actionable and easy to navigate, with executable examples and a clear decision tree, but the body is roughly twice as long as it needs to be: the same core lesson is repeated across four sections and one section is off-topic. Consolidating the redundant blocks would lift conciseness substantially.

Suggestions

Merge Mistakes 1-3 and the Pattern's WRONG block into a single 'Common mistake' section — all four teach the same lesson (don't add 'use client' or useRouter for navigation), said four different ways.

Delete the 'TypeScript: NEVER Use any Type' section; it is off-topic for server-component navigation and its own comments admit the guidance doesn't apply here.

Cut or shrink the 'Complete Example: Navigation Patterns' section, which duplicates Methods 1 and 2 (Link usage plus conditional redirect) almost verbatim, including the odd `/user/${123}` placeholder.

DimensionReasoningScore

Conciseness

Noticeably verbose with several padded sections: the anti-'use client'/useRouter lesson is repeated in the Pattern's WRONG block and again across Mistakes 1, 2, and 3; the 'Complete Example' recombines Methods 1-2; and the 'TypeScript: NEVER Use any' section is off-topic (it concedes handlers are 'Not needed in server components!'). This matches anchor 2 (several unnecessary explanations or padded sections) rather than anchor 3, which requires only some unnecessary explanation.

2 / 5

Actionability

Fully executable, copy-paste-ready TypeScript components with real imports covering the common cases: static and dynamic Link usage, conditional redirect() with cookie-based auth, server-action form redirect, and dynamic list rendering. App-specific calls like fetchData() and db.posts.create() are acceptable context placeholders.

5 / 5

Workflow Clarity

The Quick Decision Tree ('Static link → Use <Link>'; 'Conditional redirect → Use redirect()'; 'Form submission → Server Action with redirect()') makes the single decision process unambiguous, and the Quick Checklist ('When you see "demonstrates navigation patterns"') provides verification. This is a non-destructive pattern skill, so the validation cap does not apply and the simple-skill exception holds.

5 / 5

Progressive Disclosure

Single-file skill with no bundle files and no need for external references; sections are clearly headed and navigable (Pattern → Methods → Comparison table → Mistakes → Advanced → Decision tree → Checklist). Minor organization gaps from the redundant sections keep it below a 5.

4 / 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 description: concrete named APIs, a clear scope, and an explicit 'Use when' trigger clause with specific conditions. Only minor improvements possible via broader synonyms (routing, navigate).

DimensionReasoningScore

Specificity

Names the domain and concrete named mechanisms — 'using Link component and redirect() function' plus covering 'the difference between server and client navigation methods'. Two named APIs plus the comparison coverage puts it just above anchor 3 (1-2 concrete actions) and just below anchor 5's comprehensive multi-action list.

4 / 5

Completeness

Explicitly answers both what ('Guide for implementing navigation in Next.js Server Components using Link component and redirect() function') and when ('Use when adding links, redirects, or navigation logic in server components...') with concrete trigger phrases, matching the anchor 5 example. Not 4 because the 'when' clause is specific rather than generic.

5 / 5

Trigger Term Quality

Includes natural phrases users would say: 'adding links, redirects, or navigation logic in server components', plus 'Next.js Server Components'. Good keyword coverage, but common synonyms like 'routing', 'navigate', or 'useRouter' are missing, keeping it below anchor 5's comprehensive synonym coverage.

4 / 5

Distinctiveness Conflict Risk

Clearly niched to Next.js Server Component navigation with distinct triggers (Link, redirect(), server components, avoiding 'use client'); minimal conflict risk with other skills.

5 / 5

Total

18

/

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

allowed_tools_field

'allowed-tools' contains unusual tool name(s)

Warning

Total

15

/

16

Passed

Repository

AzizBelhassan/timeverse

Path

.agents/skills/nextjs-server-navigation/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.