CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

dev-create-hook

Use when adding server state management to a module - creates React Query hook with caching and error handling.

Quality

76%

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 ./packs/react/skills/dev-create-hook/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 an efficient, actionable, well-sequenced skill: executable templates for the two main hook types, explicit requirements, and a type-check validation step. The main gaps are the missing pure-logic template, an undefined input type in the mutation template, and no error-recovery loop after validation.

Suggestions

Add a short Pure Logic hook template (useState + useMemo + useEffect) so all three types determined in step 2 have concrete guidance.

Define or import `CreateXxxInput` in the mutation template (or note where it comes from) so the example is fully copy-paste ready.

Extend step 6 with a feedback loop, e.g. "If tsc reports errors, fix them and re-run before finishing", to reach explicit validation-with-recovery.

DimensionReasoningScore

Conciseness

The body is lean and assumes competence: six numbered steps, two code templates, a requirements line, and a validation command, with no explanation of React Query concepts or padding — every token earns its place, matching the anchor 5 example.

5 / 5

Actionability

The Query and Mutation templates are concrete, executable TypeScript, and step 6 gives an exact validation command. Minor gaps keep it below 5: the "Pure logic" type named in step 2 has no template, and the mutation template uses an undefined `CreateXxxInput` type with no import guidance.

4 / 5

Workflow Clarity

A clear 6-step sequence runs from reading the architecture doc through type determination, creation, and explicit validation (`npx tsc --noEmit`), with a requirements checklist in step 4. It stops short of anchor 5 because there is no fix-and-retry guidance when validation fails.

4 / 5

Progressive Disclosure

The skill is self-contained with well-organized sections (steps, per-type templates, requirements) and a single clearly signaled one-level reference to `docs/ARCHITECTURE.md` section 4.4. It sits at anchor 4 rather than 5 because the ~80-line body inlines two full templates that could arguably live in reference files for a leaner overview.

4 / 5

Total

17

/

20

Passed

Description

62%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 third-person, concise, and answers both what and when, with a clear niche. Its main weaknesses are limited action coverage and trigger terms that lean on jargon ("server state management") rather than the natural phrases a user would say when needing this skill.

Suggestions

Broaden the what-clause to name the concrete variants the skill produces, e.g. "creates React Query hooks (useQuery/useMutation) with caching, query invalidation, and error handling".

Add natural trigger synonyms users would actually say, such as "data fetching", "useQuery", "fetch data from the API", or "wire up an API call", instead of relying solely on "server state management".

Make the when-clause more concrete by tying it to the codebase artifacts involved, e.g. "Use when adding a hook in hooks/ that reads or writes data via a service layer".

DimensionReasoningScore

Specificity

The description names the domain and 1-2 concrete actions ("creates React Query hook", "with caching and error handling") but does not list several specific actions, so it matches the anchor for domain plus 1-2 concrete actions rather than the several-actions anchor at 4.

3 / 5

Completeness

Both parts are explicit: the what ("creates React Query hook with caching and error handling") and the when ("Use when adding server state management to a module"). The when-clause is present but could be more specific with concrete trigger phrases, matching anchor 4 rather than 5.

4 / 5

Trigger Term Quality

"React Query hook", "caching", and "server state management" are relevant keywords, but common natural variations users would say — "data fetching", "useQuery", "fetch data", "API calls" — are missing, fitting the 'some relevant keywords but missing variations' anchor.

3 / 5

Distinctiveness Conflict Risk

"React Query hook" carves out a clear niche distinct from general React or state-management skills, with only minor overlap risk against closely related data-fetching skills — anchor 4.

4 / 5

Total

14

/

20

Passed

Validation

87%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

allowed_tools_field

'allowed-tools' contains unusual tool name(s)

Warning

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

14

/

16

Passed

Repository

fernandezbaptiste/specialist-agent

Path

packs/react/skills/dev-create-hook/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.