CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

data-client-setup

Install and set up @data-client/react or @data-client/vue in a project. Detects project type (NextJS, Expo, React Native, Vue, plain React) and protocol (REST, GraphQL, custom), then follows the bundled protocol-specific setup guide.

Quality

85%

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

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

An exceptionally actionable setup skill: copy-paste commands and complete provider code for every supported framework, a numbered detection workflow with explicit error-recovery branches, and a verification checklist closing the loop. Bundled protocol guides and API references are all real, one level deep, and clearly signaled from a concise overview. The only improvement space is minor token tightening (a thrice-stated NextJS import-path warning and partly redundant detection pattern lists).

DimensionReasoningScore

Conciseness

The body is dense and imperative — tabular detection logic ("yarn.lock → use yarn add", dependency checks), library-specific facts Claude would not know ("React's DataProvider has a backup <Suspense>, so a Suspense boundary above it never catches"), and no basic-concept explanations. Not 5 because of minor trims available: the NextJS import path ("@data-client/react/nextjs") is stated three times (inline note, checklist, Common Issues), and some detection pattern lists ("query {, mutation {, subscription {") restate what Claude already knows; not 3 because padding is minor relative to the skill's justified complexity.

4 / 5

Actionability

Guidance is fully executable throughout: per-package-manager install commands ("npm install @data-client/react && npm install -D @data-client/test"), the skills-linking command ("npx --no data-client-skills"), a verbatim AGENTS.md snippet, and complete copy-paste provider code for all five framework variants. Specific examples cover the common cases, matching the top anchor.

5 / 5

Workflow Clarity

A clear sequence runs from numbered detection steps (1-5) through skill/package installation, provider setup, and protocol-specific guides, ending in an explicit "Verification Checklist" with per-phase checkboxes. Feedback loops for error recovery are present ("If it reports Kept .agents/skills/data-client-setup... Remove it... and run the command again"; "If the command isn't found... install the skills with the skills CLI"; the TanStack "Check the migration" list), matching the top anchor.

5 / 5

Progressive Disclosure

The SKILL.md is a genuine overview: protocol detail is delegated to real bundled one-level-deep guides (references/data-client-rest-setup.md, data-client-graphql-setup.md, data-client-endpoint-setup.md, tanstack-query-migration.md — all verified to exist), API docs live in an annotated References list with one-line descriptions, and the Vue convention ("read <name>.vue.md instead of <name>.md when it exists") matches actual .vue.md files on disk. Content split and navigation match the top anchor; not 4 because no organization gaps were found.

5 / 5

Total

19

/

20

Passed

Description

70%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 specific, third-person description with concrete actions and an explicit enumeration of supported project types and protocols, giving it a clear niche and low conflict risk. Its main weakness is the absence of any explicit "Use when..." trigger clause, which caps completeness, and it omits the TanStack Query migration capability the skill actually covers.

Suggestions

Add an explicit trigger clause, e.g. "Use when the user asks to add, install, or set up Data Client / @data-client/* packages in a project" — this directly addresses the missing 'when' that caps completeness at 3.

Mention the TanStack Query migration capability (e.g. "replaces TanStack Query / react-query") to close the coverage gap in specificity and add migration trigger terms users actually say.

Include the bare product name "Data Client" (currently only package names appear) so users who say "set up Data Client" rather than the package name match the description.

DimensionReasoningScore

Specificity

"Install and set up @data-client/react or @data-client/vue", "Detects project type (NextJS, Expo, React Native, Vue, plain React) and protocol (REST, GraphQL, custom)", and "follows the bundled protocol-specific setup guide" name several concrete, specific actions. Not 5 because coverage has a minor gap: the skill also handles TanStack Query replacement, which the description omits; not 3 because far more than 1-2 actions are enumerated.

4 / 5

Completeness

The "what" is clearly and concretely answered (install/set up these packages, detect project type and protocol, follow the bundled guide), but there is no "Use when..." clause or equivalent explicit trigger guidance — "in a project" only weakly implies when, which caps completeness at 3 per the judging guidelines. Not 4 because no explicit or specific 'when' is present at all.

3 / 5

Trigger Term Quality

Natural terms users would say are present: "Install", "set up", framework names ("NextJS, Expo, React Native, Vue"), and protocol names ("REST, GraphQL"). Not 5 because common synonyms and phrasings are missing — the bare product name "Data Client", "add"/"integrate", and migration triggers like "migrate from TanStack Query" or "react-query"; not 3 because coverage goes well beyond a couple of generic keywords.

4 / 5

Distinctiveness Conflict Risk

Exact package names "@data-client/react or @data-client/vue" establish a clear setup/install niche, and the enumerated project types and protocols further distinguish it. Conflict risk is minimal — a request containing these package names or "set up Data Client" could not plausibly route to another skill; not 4 because no meaningful overlap risk with closely related skills is created by this description.

5 / 5

Total

16

/

20

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.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

reactive/data-client

Path

.agents/skills/data-client-setup/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.