CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

data-client-vue-testing

Test @data-client/vue composables and components - renderDataCompose, mountDataClient, fixtures, jest, nock HTTP mocking, polling/subscription tests with fake timers, useSuspense, useLive, useSubscription, Vue 3 reactive props. Use when writing or debugging tests for composables or components built on @data-client/vue.

77

Quality

97%

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

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

An excellent, dense body: executable examples for every major test pattern, explicit sequencing with wait/verify checkpoints, library-specific pitfalls instead of generic explanations, and a clean split between inline core patterns and six well-signaled reference files. All bundle references point to real files one level deep.

DimensionReasoningScore

Conciseness

Every section is a lean, executable example with only library-specific gotchas explained (e.g., 'waitForNextUpdate() - Deprecated: it gives up silently after 1 second...', 'Remember nextTick() - After mutations/setResponse...'). No space is spent explaining concepts Claude already knows (what jest/nock/Vue are), and the deprecated-API note is appropriately framed as deprecated.

5 / 5

Actionability

The body provides copy-paste-ready, fully executable code for the common cases: useQuery with initialFixtures, mountDataClient component test with reactive props, prop-change and null-handling patterns, mutation via controller.fetch, setResponse reactivity, a minimal nock shape, and a fake-timer polling test. The one external dependency (flushUntil) is explicitly directed to be copied from a linked reference with a section anchor.

5 / 5

Workflow Clarity

Multi-step processes are explicitly sequenced with checkpoints: the polling flow is a numbered 4-step sequence (fake timers before mount → advance → mutate/advance + await allSettled() + nextTick() → restore real timers in afterEach), and flushUntil 'throws if the condition never holds', providing an explicit failure signal rather than a silent wait. Mutation and prop-change flows each show the exact await/tick checkpoints.

5 / 5

Progressive Disclosure

The SKILL.md body keeps core patterns inline and appropriately splits detail into six real one-level-deep reference files (Fixtures, mockInitialState, unit-testing-components, unit-testing-composables, nock-http-mocking, polling-subscriptions — all verified to exist). References are clearly signaled both inline at the point of need and in a dedicated References section with descriptive labels, making navigation easy.

5 / 5

Total

20

/

20

Passed

Description

92%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 that clearly states what the skill does and when to use it, with concrete library-specific triggers and low conflict risk. The only gap is a few natural keyword variations (e.g., 'unit testing', 'mocking') that would broaden trigger coverage.

Suggestions

Add natural variations like 'unit testing' or 'mocking fetch/requests' to the keyword list to broaden trigger-term coverage.

Consider mentioning 'mountDataClient() component tests' phrasing users might use when searching for component-level testing help.

DimensionReasoningScore

Specificity

The description names the domain ('Test @data-client/vue composables and components') and lists multiple concrete capabilities: 'renderDataCompose, mountDataClient, fixtures, jest, nock HTTP mocking, polling/subscription tests with fake timers, useSuspense, useLive, useSubscription, Vue 3 reactive props' — comprehensive coverage of the skill's scope, matching the anchor for multiple specific concrete actions.

5 / 5

Completeness

It explicitly answers both what ('Test @data-client/vue composables and components - renderDataCompose, mountDataClient, fixtures, jest, nock HTTP mocking, polling/subscription tests...') and when ('Use when writing or debugging tests for composables or components built on @data-client/vue') with concrete trigger phrases, matching the top anchor.

5 / 5

Trigger Term Quality

Good natural keyword coverage — 'test', 'composables', 'components', 'fixtures', 'jest', 'nock', 'polling', 'subscription', 'fake timers', 'reactive props' are phrases a user would naturally say — but common variations such as 'unit testing' or 'mock fetch/mocking' are missing, which fits the anchor for good coverage with a few natural terms absent rather than comprehensive synonym coverage.

4 / 5

Distinctiveness Conflict Risk

The '@data-client/vue' qualifier plus library-specific API names (renderDataCompose, mountDataClient, useSuspense, useLive) establish a clear niche with distinct triggers; only minimal breadth comes from generic terms like 'jest' or 'Vue 3 reactive props', so conflict risk with other skills is minimal.

5 / 5

Total

19

/

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.