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.

68

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

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

A well-engineered setup skill: concrete, executable, and well-sequenced with explicit verification and error recovery, and a references directory that is fully navigable. Minor deductions only: small textual redundancies in the body and a second level of reference nesting under the protocol setup guides.

Suggestions

Collapse the Install Command Examples section to one canonical form plus the package-manager mapping already established in step 1, and state the NextJS import-path rule once.

Consider surfacing the protocol guides' nested references (RestEndpoint, auth, migration guides) in the top-level References list, or flattening them one level, so all detail files are discoverable from SKILL.md.

DimensionReasoningScore

Conciseness

The body is almost entirely tables, detection pattern lists, and executable code with no explanations of concepts Claude already knows. Not 5 because of small redundancies: install commands are repeated per package manager after step 1 already established them, and the NextJS import path is stated three times (body, checklist, Common Issues).

4 / 5

Actionability

Fully executable throughout: copy-paste install commands per package manager, exact files to edit (app/layout.tsx, app/_layout.tsx, main.ts), complete provider code for every framework, and exact import paths. The verification checklist gives concrete checkable conditions. Covers all common project types.

5 / 5

Workflow Clarity

Clear sequence — detect (4 numbered steps) → install → provider setup → protocol-specific guide → Verification Checklist — with error recovery in Common Issues (wrong NextJS import path, provider not at root) and a note that newly installed skills must be read directly until the next session. Matches the anchor: explicit validation steps plus feedback for common failures.

5 / 5

Progressive Disclosure

The overview clearly signals one-level references with descriptive labels, and all referenced files exist (verified). Not 5 because the structure is two levels deep: each protocol guide (e.g. references/data-client-rest-setup.md) carries its own nested references/ directory of 15+ files, beyond the one-level-deep ideal — though the nested links are themselves clearly signaled.

4 / 5

Total

18

/

20

Passed

Description

75%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 strong description with concrete, specific actions and excellent distinctiveness from named packages, written in correct third-person voice. Its main weakness is the absence of an explicit "Use when..." trigger clause and of natural user phrases (e.g. "data fetching", "migrate from axios"), which caps completeness and trigger-term quality.

Suggestions

Add an explicit trigger clause, e.g. "Use when adding @data-client to a project, setting up its provider, or migrating data fetching from axios, fetch, ky, Apollo, or urql."

Include natural terms users would actually say when they need this skill — "data fetching", "API client", "caching layer" — alongside the package names.

Briefly state what the library is for (e.g. "manages fetching, caching, and mutations") so users searching by need rather than by package name can find the skill.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions with named artifacts: "Install and set up @data-client/react or @data-client/vue", "Detects project type (NextJS, Expo, React Native, Vue, plain React)", "protocol (REST, GraphQL, custom)", and "follows the bundled protocol-specific setup guide" — comprehensive coverage of what a setup skill does. Not 4 because no concrete action in its scope is missing.

5 / 5

Completeness

The "what" is clear (install, detect project type and protocol, follow bundled guide), but there is no "Use when..." clause or equivalent explicit trigger guidance, which the rubric guideline caps at 3. Not 4 because the "when" is only weakly implied by mentioning packages a user would already have to know about.

3 / 5

Trigger Term Quality

Good keyword coverage: "Install", "set up", "@data-client/react", "@data-client/vue", "NextJS", "REST", "GraphQL", "Vue" — all in natural third-person voice. Not 5 because common natural phrases users would say are missing, such as "data fetching", "API client", or "migrate from axios/apollo".

4 / 5

Distinctiveness Conflict Risk

Names the exact npm packages (@data-client/react, @data-client/vue) and enumerates the specific frameworks and protocols it handles, giving it a clear niche with minimal overlap risk against generic setup or data-fetching skills. Not 4 because no closely related skill could plausibly claim these triggers.

5 / 5

Total

17

/

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.