CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

nextjs-pathname-id-fetch

Focused pattern for fetching data using URL parameters in Next.js. Covers creating dynamic routes ([id], [slug]) and accessing route parameters in server components to fetch data from APIs. Use when building pages that display individual items (product pages, blog posts, user profiles) based on a URL parameter. Complements nextjs-dynamic-routes-params with a simplified, common-case pattern.

64

Quality

81%

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

71%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 content with complete, executable code and a clear pattern sequence, but it is padded: two near-duplicate complete examples and a thrice-repeated await-params demonstration inflate token cost without adding guidance. Structure is decent, yet everything lives inline in one long body where trimming or splitting would improve both conciseness and disclosure.

Suggestions

Merge the 'Complete Implementation Example' and 'Complete Working Example' into one canonical example (keep the richer version with the Product interface and response.ok check) — the two are near-duplicates and the await-params pattern is already demonstrated in Key Rule 3.

Trim 'Common Variations' to just the parameter-name mapping (productId/slug/multiple params shown once with a one-line signature each) instead of full component bodies for each variant.

Cut teaching commentary Claude already knows (e.g., explanations of what server components are and why 'use client' is absent) down to the ✅/❌ contrast alone, keeping only the Next.js 15 await requirement and the no-any lint rule.

DimensionReasoningScore

Conciseness

The body carries notable redundancy: "Complete Implementation Example" and "Complete Working Example" are near-duplicates, and the "await params" pattern is demonstrated three times (Key Rule 3, both full examples). This matches the score-3 anchor of mostly efficient content that could be tightened; it is not a 4 because the duplication is substantial padding rather than minor over-explanation.

3 / 5

Actionability

Fully executable, copy-paste-ready TypeScript covering the common case (typed `Promise<{ id: string }>` props, awaited params, fetch with `response.ok` handling, a typed `Product` interface) plus variations for `[slug]`, `[productId]`, and multiple parameters. This directly matches the score-5 anchor.

5 / 5

Workflow Clarity

The Pattern section lays out a clear 4-step sequence (create folder → access param → fetch → render) with ✅/❌ pitfall contrasts and a shipping checklist, and one example validates `response.ok`. It sits at score 4 rather than 5 because error/loading validation is left to the checklist rather than an explicit workflow checkpoint, and the body exceeds the under-50-line simple-skill exception.

4 / 5

Progressive Disclosure

Sections are clearly headed and easy to navigate, but the entire ~260-line body is inline with no reference files — the duplicate full example and the Common Variations sections are inline bulk that a leaner core (or one-external-example split) would handle better. This matches the score-3 anchor of good structure with content that should be separate left inline, rather than the score-4 pattern of most content appropriately placed.

3 / 5

Total

15

/

20

Passed

Description

83%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: it states concrete capabilities, includes an explicit and well-phrased 'Use when...' trigger clause with relatable scenarios, and positions itself against its sibling skill. The main gaps are a few missing natural synonyms and unavoidable overlap with the comprehensive nextjs-dynamic-routes-params skill.

DimensionReasoningScore

Specificity

Names several concrete actions — "creating dynamic routes ([id], [slug])", "accessing route parameters in server components", "fetch data from APIs" — matching the score-4 anchor of several specific actions with minor gaps. It falls short of a 5 because coverage is limited to three actions around a single narrow pattern.

4 / 5

Completeness

Explicitly answers both what ("creating dynamic routes ([id], [slug]) and accessing route parameters in server components to fetch data from APIs") and when ("Use when building pages that display individual items (product pages, blog posts, user profiles) based on a URL parameter") with concrete trigger phrases — a direct match for the score-5 anchor.

5 / 5

Trigger Term Quality

Includes natural trigger phrases users would say: "URL parameters", "dynamic routes", "[id]", "[slug]", "product pages, blog posts, user profiles". A few natural synonyms are missing (e.g., "detail page", "route params", "path parameter"), which matches the score-4 anchor rather than the comprehensive synonym coverage of a 5.

4 / 5

Distinctiveness Conflict Risk

"Complements nextjs-dynamic-routes-params with a simplified, common-case pattern" carves out a clear niche and names its sibling skill, but the two skills share trigger territory around dynamic route parameters — matching the score-4 anchor of minor overlap risk with a closely related skill rather than the minimal conflict of a 5.

4 / 5

Total

17

/

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-pathname-id-fetch/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.