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
Quality
3%
Does it follow best practices?
Impact
100%
1.00xAverage score across 3 eval scenarios
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./planned-skills/generated/05-frontend-dev/react-hook-creator/SKILL.mdProduction-ready async hook
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
Performance optimization hook
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
Step-by-step guidance and form hook
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
994edc4
Table of Contents
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.