CtrlK
BlogDocsLog inGet started
Tessl Logo

react-hook-creator

React Hook Creator - Auto-activating skill for Frontend Development. Triggers on: react hook creator, react hook creator Part of the Frontend Development skill category.

36

1.00x

Quality

3%

Does it follow best practices?

Impact

100%

1.00x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./planned-skills/generated/05-frontend-dev/react-hook-creator/SKILL.md
SKILL.md
Quality
Evals
Security

Evaluation results

100%

Product Catalog Data Layer

Production-ready async hook

Criteria
Without context
With context

Hook naming convention

100%

100%

TypeScript return type

100%

100%

Loading state

100%

100%

Error state

100%

100%

Data field returned

100%

100%

Race condition prevention

100%

100%

useEffect cleanup function

100%

100%

Dependency array correctness

100%

100%

No class component patterns

100%

100%

TypeScript generic or typed data

100%

100%

Without context: $0.1601 · 48s · 12 turns · 13 in / 2,529 out tokens

With context: $0.4108 · 1m 29s · 26 turns · 26 in / 4,697 out tokens

100%

Search Performance Optimization

Performance optimization hook

Criteria
Without context
With context

Hook naming convention

100%

100%

TypeScript generic parameter

100%

100%

Delay parameter

100%

100%

Returns debounced value

100%

100%

useEffect for timer setup

100%

100%

Timer cleanup on re-render

100%

100%

Correct dependency array

100%

100%

TypeScript return type annotation

100%

100%

No class patterns

100%

100%

Demo usage example

100%

100%

Without context: $0.1551 · 40s · 11 turns · 12 in / 1,880 out tokens

With context: $0.3335 · 1m 5s · 23 turns · 23 in / 3,485 out tokens

100%

User Onboarding Form Infrastructure

Step-by-step guidance and form hook

Criteria
Without context
With context

Hook naming convention

100%

100%

TypeScript field typing

100%

100%

Returns field values

100%

100%

Returns change handler

100%

100%

Returns submit handler

100%

100%

Validation errors exposed

100%

100%

Touched/dirty tracking

100%

100%

No direct state mutation

100%

100%

Step-by-step guide exists

100%

100%

Guide includes usage example

100%

100%

Reset function

100%

100%

Without context: $0.3874 · 1m 53s · 18 turns · 18 in / 7,355 out tokens

With context: $0.4903 · 2m 5s · 24 turns · 22 in / 7,930 out tokens

Repository
jeremylongshore/claude-code-plugins-plus-skills
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

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.