CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

nextjs-advanced-routing

Guide for advanced Next.js App Router patterns including Route Handlers, Parallel Routes, Intercepting Routes, Server Actions, error boundaries, draft mode, and streaming with Suspense. CRITICAL for server actions (action.ts, actions.ts files, 'use server' directive), setting cookies from client components, and form handling. Use when requirements involve server actions, form submissions, cookies, mutations, API routes, `route.ts`, parallel routes, intercepting routes, or streaming. Essential for separating server actions from client components.

60

Quality

75%

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 ./.agents/skills/nextjs-advanced-routing/SKILL.md
SKILL.md
Quality
Evals
Security

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 body is highly actionable with concrete, mostly executable TypeScript examples and a useful scope-decision process for parallel routes, but it is severely bloated: heavily duplicated rules, standard Next.js documentation restated, and no progressive disclosure — everything lives in a single 1480-line file. Fixing redundancy and splitting topics into reference files would dramatically improve token efficiency.

Suggestions

Consolidate the form-actions-return-void rule and the action.ts/actions.ts naming guidance into single sections — they are each currently explained 2-3 times — and cut boilerplate Next.js documentation (basic error.tsx, not-found, standard Suspense examples) that Claude already knows.

Split topics into one-level-deep reference files (e.g., references/route-handlers.md, references/server-actions.md, references/parallel-routes.md, references/draft-mode.md) and keep SKILL.md as a concise overview with clearly signaled links, per progressive disclosure best practice.

Fix internal inconsistencies: replace 'prevState: any' in the useActionState example with a proper type, and unify on useActionState instead of mixing in the deprecated useFormState; add a verification checkpoint (e.g., run typecheck/build after creating server actions) to the mutation workflows.

DimensionReasoningScore

Conciseness

The ~1480-line body restates the form-actions-return-void rule in at least three separate sections, repeats action.ts/actions.ts naming guidance twice ('CRITICAL: Server Action File Naming' and 'Server Actions File Organization'), and reproduces standard Next.js documentation (basic route handlers, error.tsx, not-found, Suspense) that Claude already knows. This matches 'noticeably verbose; several unnecessary explanations or padded sections' rather than the severely-padded floor, since genuine project-specific rules are present.

2 / 5

Actionability

Most examples are complete, copy-paste-ready TypeScript with imports and full components, but a few use '{ ... }' placeholder bodies (e.g., the HTTP methods list, 'function handleSubmit(e: React.FormEvent<HTMLFormElement>) { ... }'), and one example uses 'prevState: any' — directly contradicting the skill's own CRITICAL no-'any' rule — while another mixes deprecated 'useFormState' with 'useActionState'. This places it at 'mostly executable guidance; concrete code with minor gaps'.

4 / 5

Workflow Clarity

'Step 0: Determine Parallel Route Scope' provides a genuine decision sequence with criteria and examples, and code examples include inline validation (throw errors), but the skill contains no verification checkpoints (e.g., run typecheck/build to confirm) for mutation and form workflows. This fits 'steps listed but validation gaps; checkpoints missing or implicit'.

3 / 5

Progressive Disclosure

There are no bundle files at all: seven-plus distinct topics (route handlers, server actions, parallel routes, intercepting routes, error boundaries, draft mode, streaming) totaling ~1400 lines are inlined in one SKILL.md instead of being split into reference files. Although section headers exist, content that clearly belongs in separate files is fully inlined, matching the 'minimal structure; content that clearly belongs in separate files is inlined' anchor.

2 / 5

Total

11

/

20

Passed

Description

96%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 that clearly states what the skill covers and when to use it, with concrete, natural trigger terms including file-name synonyms. Its only weaknesses are mild overlap risk on generic terms and slight padding from the 'CRITICAL for'/'Essential for' framing sentences.

DimensionReasoningScore

Specificity

The description lists multiple concrete capabilities — 'Route Handlers, Parallel Routes, Intercepting Routes, Server Actions, error boundaries, draft mode, and streaming with Suspense' plus 'setting cookies from client components, and form handling' — giving comprehensive, non-generic coverage of the domain.

5 / 5

Completeness

It explicitly answers both questions: what it does ('Guide for advanced Next.js App Router patterns including...') and when to use it ('Use when requirements involve server actions, form submissions, cookies, mutations, API routes, route.ts...') with concrete trigger phrases.

5 / 5

Trigger Term Quality

It includes natural trigger phrases users would actually say ('server actions, form submissions, cookies, mutations, API routes, parallel routes, intercepting routes, or streaming') along with file-level synonyms ('action.ts, actions.ts files, route.ts', "'use server' directive"), matching the top anchor's standard of natural terms plus file extensions.

5 / 5

Distinctiveness Conflict Risk

The 'advanced Next.js App Router' niche with distinct file-based triggers (route.ts, 'use server', parallel routes) is mostly distinct, but generic terms like 'streaming', 'cookies', and 'error boundaries' create minor overlap risk with a broader Next.js or general web-forms skill. It fits the 'mostly distinct; minor overlap risk' anchor better than the minimal-conflict anchor.

4 / 5

Total

19

/

20

Passed

Validation

87%

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

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (1479 lines); consider splitting into references/ and linking

Warning

allowed_tools_field

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

Warning

Total

14

/

16

Passed

Repository

AzizBelhassan/timeverse

Path

.agents/skills/nextjs-advanced-routing/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.