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.

63

Quality

74%

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

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

The body is highly actionable with executable code and a clear sequenced workflow, supported by a verification checklist. Its weak spots are some repetitive install-command verbosity and reference files that are empty stubs pointing to missing targets.

Suggestions

Collapse the per-framework install command blocks: show one example and instruct to use the detected package manager, removing the npm/yarn/pnpm triplication.

Fix the references directory: replace the path-stub files (e.g. DataProvider.md containing only '../../../../docs/core/api/DataProvider.md') with real content or correct, resolvable links.

Add an explicit validation feedback loop (e.g. after the Verification Checklist, 'If any check fails, fix and re-run before handing off to protocol setup') to strengthen workflow clarity.

DimensionReasoningScore

Conciseness

The body is mostly efficient and action-oriented with little concept-explanation padding, but install commands are repeated for npm/yarn/pnpm per framework and several large code blocks could be trimmed.

4 / 5

Actionability

Provides copy-paste-ready provider code for every supported framework, concrete install commands, and exact detection patterns/tables, fully covering the common cases.

5 / 5

Workflow Clarity

Clear detect → install → provider → protocol-handoff → verify sequence with a Verification Checklist and a Common Issues recovery section, though there is no explicit re-run-on-failure feedback loop.

4 / 5

Progressive Disclosure

A well-structured single SKILL.md with a clearly signaled one-level-deep References section; however the three referenced files are path stubs whose ../../../../docs targets do not resolve, a minor organization gap.

4 / 5

Total

17

/

20

Passed

Description

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

The description is specific and distinctive, clearly naming the packages, frameworks, and protocols it handles. Its main weakness is the absence of an explicit trigger/"Use when" clause, which caps completeness.

Suggestions

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

Include a few more natural trigger phrases and synonyms such as 'data fetching' or 'REST/GraphQL client setup' to broaden trigger-term coverage.

Briefly enumerate the setup actions (install core package, add provider/plugin, configure protocol) to push specificity toward comprehensive coverage.

DimensionReasoningScore

Specificity

Names several concrete actions ("Install and set up", "Detects project type", "Detects ... protocol", "hands off to protocol-specific setup skills") with specific frameworks and protocols, though it stops short of enumerating the full range of setup actions.

4 / 5

Completeness

The 'what' is clearly stated, but there is no explicit 'Use when...' clause and the 'when' is only weakly implied, so completeness is capped at 3 per the rubric.

3 / 5

Trigger Term Quality

Includes natural terms users would say ("set up", "install", "NextJS", "React Native", "REST", "GraphQL") but omits common phrasings like "data fetching" and any file extensions.

4 / 5

Distinctiveness Conflict Risk

The specific package names (@data-client/react, @data-client/vue) and framework/protocol detection give it a clear niche, with only minor overlap risk against the sibling protocol-setup skills it hands off to.

4 / 5

Total

15

/

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.

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.