CtrlK
BlogDocsLog inGet started
Tessl Logo

lazy-prefetch-pattern

Use the ChatJS React Query v5 lazy-prefetch pattern without blocking server rendering. Use when prefetching tRPC queries in Next.js Server Components or changing query dehydration and hydration behavior in apps/chat.

76

Quality

95%

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

100%

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

An exemplar of a lean, actionable pattern skill: concrete code, real file references, and a clear sequence with zero padding. It fully respects Claude's competence and the context budget.

DimensionReasoningScore

Conciseness

Roughly 15 lines with no exposition of concepts Claude already knows (e.g. it never explains React hydration or SuperJSON); every token earns its place and it assumes competence.

3 / 3

Actionability

Gives the concrete helper `prefetch()`, real file paths (`@/trpc/server`, `trpc/query-client.ts`), the call shape `prefetch(trpc.foo.bar.queryOptions(...))`, and named rendering components (HydrateClient/HydrationBoundary).

3 / 3

Workflow Clarity

For a simple single-purpose skill the ordering is clear — prefetch early without awaiting, await only data needed before render, then render through the hydrate boundary — which the simple-skills scoring note permits to score 3.

3 / 3

Progressive Disclosure

A self-contained skill under 50 lines with no external references needed; the heading plus bullet sections are well organized, satisfying the under-50-lines exception.

3 / 3

Total

12

/

12

Passed

Description

90%

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, tightly-scoped description that pairs an explicit 'Use when' trigger with concrete domain terms. It is slightly narrow on enumerating distinct actions, keeping specificity at the mid level.

DimensionReasoningScore

Specificity

Names the concrete pattern and technical facets ('lazy-prefetch pattern', 'prefetching tRPC queries', 'dehydration and hydration behavior') but centers on a single pattern application rather than listing multiple distinct concrete actions.

2 / 3

Completeness

Explicitly states what ('Use the ChatJS React Query v5 lazy-prefetch pattern without blocking server rendering') and when via an explicit 'Use when prefetching tRPC queries...' clause.

3 / 3

Trigger Term Quality

'prefetching tRPC queries in Next.js Server Components' and 'query dehydration and hydration behavior' are the natural terms a developer on apps/chat would actually say when they need this skill.

3 / 3

Distinctiveness Conflict Risk

The niche is tightly scoped to ChatJS, React Query v5, tRPC in Next.js Server Components within apps/chat, making it very unlikely to trigger for the wrong skill.

3 / 3

Total

11

/

12

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
FranciscoMoretti/chat-js
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.