CtrlK
BlogDocsLog inGet started
Tessl Logo

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 hands off to protocol-specific setup skills.

62

Quality

72%

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 ./.cursor/skills/data-client-setup/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

77%

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 executable per-framework code and a well-sequenced workflow backed by a verification checklist and troubleshooting. Its weaknesses are mild verbosity from inlined per-framework blocks and, more seriously, a progressive-disclosure structure whose referenced files are non-functional stubs pointing at missing documentation.

Suggestions

Fix or replace the reference stubs in references/ so DataProvider.md, installation.md, and getDefaultManagers.md contain real content rather than path strings to a non-existent docs tree.

Move the per-framework provider-setup code blocks into framework-specific reference files and keep SKILL.md as a concise overview that links out, reducing the main body's length.

Tighten the Install Command Examples section to a single canonical form plus a note that the detected package manager determines the command, instead of enumerating npm/yarn/pnpm for each framework.

DimensionReasoningScore

Conciseness

The ~250-line body is mostly earned, actionable code with no concept-fluff Claude already knows, but it is not lean: full provider blocks for five frameworks are inlined and install commands restate npm/yarn/pnpm for each framework despite the package-manager detection already being covered, matching 'mostly efficient but could be tightened' rather than the lean anchor.

2 / 3

Actionability

It provides concrete install commands, specific files to edit per framework (app/layout.tsx, app/_layout.tsx, index.tsx, main.ts), complete executable tsx/ts code blocks, and specific detection patterns — copy-paste ready and matching the fully-executable anchor; it is not 2 because the code is complete rather than pseudocode.

3 / 3

Workflow Clarity

A clear numbered sequence (Detect → Install → Provider Setup → Protocol-Specific Setup) is paired with an explicit Verification Checklist and a Common Issues troubleshooting section providing error-recovery guidance, matching 'clear sequence with explicit validation steps; checklists for complex processes'; it is not 2 because validation checkpoints and recovery guidance are present, not implicit.

3 / 3

Progressive Disclosure

A References section signals three one-level-deep files with descriptions, but the actual reference files are broken stubs (41–53 bytes) containing only path strings to a non-existent ../../../../docs tree, so the promised 'detailed API documentation' is absent; the body is also fairly monolithic with per-framework code that could be split out, matching the 'some structure but could be better organized' anchor rather than the well-split anchor.

2 / 3

Total

10

/

12

Passed

Description

67%

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 clearly and concretely states what the skill does across multiple frameworks and protocols, with a distinct, well-bounded niche. Its main weakness is the absence of an explicit 'Use when...' trigger, which leaves the 'when to use it' implicit and caps completeness and trigger-term quality.

Suggestions

Add an explicit 'Use when...' clause, e.g. 'Use when setting up data-client in a project or when the user asks to install @data-client/react or @data-client/vue.'

Broaden trigger terms beyond exact package names to natural phrasings a user might say ('data fetching setup', 'install Reactive Data Client', 'set up caching for REST/GraphQL').

Consider a short 'when NOT to use' note clarifying the boundary with the protocol-specific setup skills it hands off to.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'Install and set up @data-client/react or @data-client/vue', 'Detects project type (NextJS, Expo, React Native, Vue, plain React)', 'Detects... protocol (REST, GraphQL, custom)', 'hands off to protocol-specific setup skills' — matching the multiple-specific-actions anchor; it is not the level below because coverage is comprehensive rather than partial.

3 / 3

Completeness

The 'what' is clearly and comprehensively stated, but there is no 'Use when...' clause or equivalent explicit trigger for 'when', which per the judging guidelines caps completeness at 2; it is not 1 because the what is strong, and not 3 because the when is entirely absent.

2 / 3

Trigger Term Quality

Relevant keywords a developer would say appear (NextJS, Expo, React Native, Vue, REST, GraphQL), but they are exact package/framework identifiers with no natural variations and no trigger phrasing, so it matches 'some relevant keywords but missing common variations' rather than the full-coverage anchor.

2 / 3

Distinctiveness Conflict Risk

It targets a clear niche — core install/provider setup for the data-client library family — and the explicit 'hands off to protocol-specific setup skills' phrasing delineates it from sibling skills, making conflict unlikely; it is not 2 because the scope is sharply defined rather than merely 'somewhat specific'.

3 / 3

Total

10

/

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.