CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

data-client-react-testing

Test React code that uses @data-client/react: components and hooks that fetch or change data, with mocked responses for loading, error, mutation and polling cases. Covers renderDataHook, MockResolver and fixtures.

Quality

78%

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 ./.agents/skills/data-client-react-testing/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

78%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 a well-organized pattern catalog: executable examples for every scenario, concise non-padded prose, and clean separation between inline quick-starts and one-level-deep reference files. The only notable flaws are the malformed TypeScript interface stubs and the lack of an explicit run-and-verify step.

DimensionReasoningScore

Conciseness

The body is dominated by code examples with terse, useful prose (options lists, cleanup caveat, manager ordering rule) and never explains concepts Claude already knows. The abbreviated "SuccessFixture"/"ResponseInterceptor" interface stubs duplicate the Fixtures.md reference and could be trimmed, keeping it just below the lean 5 anchor.

4 / 5

Actionability

Nearly all sections give complete, copy-paste-ready test code with imports (renderDataHook usage, mutations, error states, MockResolver rendering, nock, managers). The interface stubs are invalid TypeScript ("endpoint;", "response(...args);" with no types), which is pseudocode and prevents a fully-executable 5.

4 / 5

Workflow Clarity

The implicit flow is clear and unambiguous: ensure the dev dependency exists, pick the scenario (hook/component/network/manager), apply the pattern, and follow the best-practices guardrails (e.g., "Cleanup is automatic", "Don't call cleanup() in afterEach"). No explicit verification step like "run the test suite to confirm" is stated, so it does not reach the 5 anchor's explicit validation.

4 / 5

Progressive Disclosure

Quick-start patterns are inline while detailed API docs are split into seven real, one-level-deep reference files (all verified to exist), each clearly signaled in a References section with a one-line description — matching the well-signaled, easy-navigation 5 anchor.

5 / 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 names the niche, tools, and covered scenarios well, with good natural trigger terms. Its main weakness is the absence of any explicit "Use when..." trigger clause, leaving the activation conditions only weakly implied and capping completeness.

Suggestions

Add an explicit trigger clause, e.g. "Use when writing or running tests for code that imports @data-client/react, or when the user mentions fixtures, MockResolver, or mocking data-client responses."

Broaden natural keyword coverage with common variations users would say, such as "unit testing", "jest/vitest", and "mock data", to strengthen trigger matching.

Mention the nock/HTTP-endpoint and Manager testing capabilities from the body so the description's coverage is comprehensive.

DimensionReasoningScore

Specificity

Quotes: "components and hooks that fetch or change data, with mocked responses for loading, error, mutation and polling cases" plus named utilities "renderDataHook, MockResolver and fixtures" — several concrete capabilities with minor gaps (nock HTTP testing and Manager testing from the body are not mentioned). It exceeds the 3 anchor ('1-2 concrete actions') but falls short of the 5 anchor's comprehensive coverage.

4 / 5

Completeness

The "what" is clear (test React code using @data-client/react with mocked loading/error/mutation/polling responses), but there is no "Use when..." clause or equivalent explicit trigger guidance — the "when" is only weakly implied by the package name, which caps completeness at 3 per the judging guidelines.

3 / 5

Trigger Term Quality

Natural phrases like "test React code", "hooks", "components", "mocked responses", "error", "fixtures" match what users would say. Common variations such as "unit test", "jest", "testing library", and "mock data" are missing, so it does not reach the 5 anchor's comprehensive synonym coverage.

4 / 5

Distinctiveness Conflict Risk

The "@data-client/react" qualifier establishes a clear, narrow niche with distinct tool names (renderDataHook, MockResolver), but generic opening phrases like "Test React code" and "hooks" could also match a general React-testing skill, creating minor overlap risk rather than the minimal risk of the 5 anchor.

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.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

reactive/data-client

Path

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