CtrlK
BlogDocsLog inGet started
Tessl Logo

data-client-react

Use @data-client/react hooks for data fetching, mutations, and rendering - useSuspense, useFetch, useQuery, useCache, useLive, useDLE, useSubscription, useController, DataProvider, AsyncBoundary, useLoading, useDebounce. Use when reading/rendering remote data, triggering mutations, doing optimistic updates, real-time subscriptions, or wiring Suspense/error boundaries in React.

76

Quality

93%

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

87%

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

A lean, highly actionable reference skill with executable examples per hook and a well-structured one-level reference tree. Its only gap is the absence of validation/feedback checkpoints around destructive mutation and store-reset operations.

Suggestions

Add a brief verify-after step for mutations — e.g., after ctrl.fetch(TodoResource.delete) or resetEntireStore(), call ctrl.invalidate()/getResponse to confirm the cache updated as expected — to provide the feedback loop the rubric expects for destructive ops.

Collapse the trailing 'References' index or the inline links so each reference is signaled once, eliminating the duplicated link tokens between the inline mentions and the bottom list.

Add a short sequencing note in the Mutations section (fetch -> update cache via getList.unshift/push -> invalidate as needed) so the multi-step mutation workflow is explicit rather than implied by isolated snippets.

DimensionReasoningScore

Conciseness

The body is code-dense and assumes React competence — no basic-concept exposition — with terse section headers and a compact Best Practices list, matching the 'lean and efficient; every token earns its place' anchor.

3 / 3

Actionability

Each hook is demonstrated with executable, copy-paste-ready snippets (useSuspense, useFetch+React.use(), useController mutations, Query); the one external dependency (TodoResource) is explicitly delegated to the 'data-client-rest' skill rather than left pseudocode.

3 / 3

Workflow Clarity

The body is organized into clear task categories (Rendering, Mutations, Components, etc.) but presents destructive operations — 'ctrl.fetch(TodoResource.delete...)' and 'ctrl.resetEntireStore()' — without validation checkpoints or verify-after feedback loops, which the rubric caps at 2 for destructive ops.

2 / 3

Progressive Disclosure

SKILL.md is a concise overview with well-signaled one-level-deep references; all referenced files (verified present) split detailed API docs and the devtools-debugging guide into separate files, matching the clear-overview anchor.

3 / 3

Total

11

/

12

Passed

Description

100%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is specific, third-person, and complete, pairing a concrete capability list with an explicit 'Use when' trigger clause rich in natural terms. It is well-differentiated by naming the exact package and its hooks.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'data fetching, mutations, and rendering' — alongside an explicit roster of hooks (useSuspense, useFetch, useQuery, etc.), matching the 'lists multiple specific concrete actions' anchor.

3 / 3

Completeness

Explicitly answers both what (hooks for fetching/mutations/rendering) and when (a dedicated 'Use when...' clause), hitting the top anchor; it is not level 2 because the trigger guidance is explicit rather than implied.

3 / 3

Trigger Term Quality

The 'Use when reading/rendering remote data, triggering mutations, doing optimistic updates, real-time subscriptions, or wiring Suspense/error boundaries in React' clause covers natural phrases a user would actually say, satisfying the good-coverage anchor.

3 / 3

Distinctiveness Conflict Risk

Naming the specific package '@data-client/react' plus its distinctive hooks carves a clear niche unlikely to trigger for unrelated skills; it is not level 2 because the scope is narrowly scoped rather than merely 'somewhat specific'.

3 / 3

Total

12

/

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
reactive/data-client
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.