CtrlK
BlogDocsLog inGet started
Tessl Logo

react-state-management

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.

77

1.10x
Quality

66%

Does it follow best practices?

Impact

94%

1.10x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

Fix and improve this skill with Tessl

tessl review fix ./config/claude/skills/react-state-management/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

42%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The skill provides excellent, executable code examples across multiple state management solutions, but is far too verbose for a skill file—it reads like a comprehensive tutorial rather than targeted guidance for Claude. It explains many concepts Claude already knows (state categories, best practices like 'don't mutate directly'), and all content is crammed into a single file when it should be split across bundle files with the SKILL.md serving as a concise overview with decision guidance.

Suggestions

Reduce the SKILL.md to a concise overview (~50-80 lines) with the selection criteria and one minimal example, then split each pattern (Redux Toolkit, Zustand, Jotai, React Query) into separate bundle files referenced from the main skill.

Remove the 'Core Concepts' state categories table and best practices do's/don'ts—Claude already knows these fundamentals and they consume significant tokens without adding value.

Add an explicit workflow for state management setup: 1) Assess app requirements → 2) Choose solution using criteria → 3) Implement pattern → 4) Verify with specific checks (e.g., confirm no unnecessary re-renders, test persistence).

Remove the external resource links section—Claude knows where to find library documentation and these links may become stale.

DimensionReasoningScore

Conciseness

The skill is extremely verbose at ~300+ lines, explaining concepts Claude already knows well (React state categories, what server state is, basic Redux patterns). The selection criteria table, 'Core Concepts' section, and best practices do's/don'ts are all things Claude inherently understands. The extensive code examples for 5 different patterns make this more of a tutorial than a skill.

1 / 3

Actionability

All code examples are fully executable TypeScript with proper imports, type definitions, and realistic usage patterns. The Redux Toolkit, Zustand, Jotai, and React Query examples are copy-paste ready with complete store setup, hooks, and component usage.

3 / 3

Workflow Clarity

The selection criteria provides a basic decision tree, and patterns are clearly separated, but there's no explicit workflow for setting up state management in a project (e.g., step-by-step: assess needs → choose solution → implement → validate). The migration guide shows before/after but lacks validation checkpoints.

2 / 3

Progressive Disclosure

This is a monolithic wall of content with no bundle files to offload detailed patterns into. All 5 patterns with full code examples are inline when they could be split into separate reference files (e.g., REDUX.md, ZUSTAND.md, JOTAI.md, REACT_QUERY.md). The external resource links at the bottom don't compensate for the lack of internal structure.

1 / 3

Total

7

/

12

Passed

Description

89%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

This is a solid description with explicit 'Use when' triggers and good coverage of natural keywords through specific library names. Its main weakness is the lack of concrete action verbs describing what the skill actually does beyond the vague 'Master' framing — listing specific capabilities like 'configure stores, create slices, set up queries' would strengthen it. The use of 'Master' as the leading verb is also slightly problematic as it's more of a marketing term than a concrete action.

Suggestions

Replace 'Master modern React state management' with specific concrete actions like 'Configure Redux Toolkit stores, create Zustand stores, set up React Query caching, and implement Jotai atoms'

Avoid the verb 'Master' which is vague and aspirational; use third-person action verbs like 'Implements', 'Configures', or 'Sets up'

DimensionReasoningScore

Specificity

Names the domain (React state management) and lists specific libraries (Redux Toolkit, Zustand, Jotai, React Query), but doesn't describe concrete actions beyond 'setting up' and 'managing'. Missing specific actions like 'configure stores', 'create slices', 'implement caching strategies', etc.

2 / 3

Completeness

Clearly answers both what ('Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query') and when ('Use when setting up global state, managing server state, or choosing between state management solutions'). The 'Use when' clause is explicit with multiple trigger scenarios.

3 / 3

Trigger Term Quality

Includes strong natural keywords users would say: 'Redux Toolkit', 'Zustand', 'Jotai', 'React Query', 'global state', 'server state', 'state management'. These are terms developers naturally use when seeking help with React state management.

3 / 3

Distinctiveness Conflict Risk

Clearly scoped to React state management with specific library names as distinct triggers. Unlikely to conflict with general React skills or other framework skills due to the explicit library mentions and state management focus.

3 / 3

Total

11

/

12

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.

Validation11 / 11 Passed

Validation for skill structure

No warnings or errors.

Repository
freekmurze/dotfiles
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.