CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

data-client-vue-testing

Test Vue code that uses @data-client/vue: components and composables that fetch or change data, with mocked responses for loading, error, mutation and polling cases. Covers renderDataCompose, mountDataClient and fixtures.

Quality

84%

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

86%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 strong, action-dense skill body: executable examples cover the common testing cases, library-specific gotchas are documented with reasons, and advanced material is cleanly split into real, well-signaled reference files. Only minor tightening (slight duplication between Best Practices and the Fixtures section, mixed cleanup guidance) keeps it from top marks on conciseness and workflow clarity.

DimensionReasoningScore

Conciseness

The body is dense with library-specific guidance Claude would not know (renderDataCompose return-value semantics, the deprecated waitForNextUpdate pitfalls, getter-based args for async setup) rather than generic Vue/testing tutorials. Minor tightening is possible: the Best Practices bullets on initialFixtures/resolverFixtures restate the Fixtures section, and the fixture shape appears both inline in examples and again as a standalone block, matching the level-4 anchor of efficient with minor trimmable instances.

4 / 5

Actionability

Nearly every section is copy-paste-ready executable TypeScript covering the common cases: composable and component tests, prop changes, null-argument handling, static/dynamic/error fixtures, mutations via controller.fetch, setResponse reactivity, a minimal nock setup, fake-timer polling, empty state, and nested collections. The one external helper, flushUntil, is explicitly sourced from references/unit-testing-components.md, which contains its full implementation, so nothing is pseudocode.

5 / 5

Workflow Clarity

The polling section gives a clearly numbered 4-step sequence (fake timers before mount, advance to drive fetch, mutate + advance + allSettled + nextTick, restore in afterEach) that its example follows verbatim, and component-test flows pair each action with an assertion; flushUntil throws when a condition never holds, providing an error signal. It falls short of level 5 because the document is a pattern catalog rather than one guided workflow, and some examples call cleanup() inline while Best Practices prescribes afterEach — a minor inconsistency rather than a missing checkpoint.

4 / 5

Progressive Disclosure

The SKILL.md is a genuine overview: core patterns inline, with advanced material (nock deep-dive, polling pitfalls, full API guides) pushed to six reference files that are one level deep and cross-link only to siblings or external docs. Every inline link resolves to a real file, the references/unit-testing-components.md#waiting-for-renders anchor matches the "### Waiting for renders" heading, and the References section lists all six files with one-line descriptions — matching the level-5 anchor of a clear overview with well-signaled, one-level-deep references.

5 / 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 specific, distinctive description that names concrete capabilities and the exact library and APIs it covers. Its main weakness is the absence of an explicit "Use when..." trigger clause, leaving the invocation conditions only weakly implied and capping completeness at 3.

Suggestions

Add an explicit trigger clause, e.g. "Use when writing or debugging tests for Vue components or composables that use @data-client/vue, or when the user mentions renderDataCompose, mountDataClient, or data-client fixtures."

Include a couple of natural phrasing variants users would actually say, such as "unit testing" or "mocking data client responses", to broaden trigger-term coverage.

Mention the common test runners (jest/vitest) users are likely to reference when asking for help with these tests.

DimensionReasoningScore

Specificity

The description lists multiple concrete capabilities: "Test Vue code that uses @data-client/vue", "components and composables that fetch or change data", "mocked responses for loading, error, mutation and polling cases", and names the specific APIs "renderDataCompose, mountDataClient and fixtures". This matches the level-5 anchor of multiple specific concrete actions with comprehensive coverage of the skill's test-case types; level 4 would require minor coverage gaps, and none are evident.

5 / 5

Completeness

The "what" is clear and concrete, but there is no "Use when..." clause or equivalent explicit trigger guidance, which caps completeness at 3 per the judging guidelines. The "when" is only weakly implied by "Test Vue code that uses @data-client/vue"; this is not level 4, which requires an explicit, if imprecise, when-clause.

3 / 5

Trigger Term Quality

Good natural keyword coverage: "Vue", "test", "components", "composables", "mocked responses", "fixtures", "polling", plus the package name "@data-client/vue". A few natural terms users might say are missing, such as "unit test", "jest"/"vitest", or "data client" without the scoped form, so it sits between the level-4 and level-5 anchors, clearly closer to 4.

4 / 5

Distinctiveness Conflict Risk

The description carves out a clear niche: testing code that uses the specific library @data-client/vue, with distinctive API names (renderDataCompose, mountDataClient) unlikely to collide with other skills. It matches the level-5 anchor of a clear niche with distinct triggers and minimal conflict risk.

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-vue-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.