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

Optimize this skill with Tessl

npx tessl skill review --optimize ./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.

This skill is essentially a comprehensive tutorial/reference document rather than a focused skill file. While the code examples are high-quality and executable, the content is far too verbose for a SKILL.md — it explains concepts Claude already knows (state categories, when to use what), includes full implementations for 5 different libraries inline, and lacks any progressive disclosure structure. It would benefit enormously from being split into a concise overview with references to separate pattern files.

Suggestions

Reduce the SKILL.md to a concise overview (~50-80 lines) with the selection criteria table and one quick-start example (Zustand), moving each library's full pattern into separate bundle files (e.g., patterns/redux-toolkit.md, patterns/zustand.md, patterns/jotai.md, patterns/react-query.md).

Remove the 'Core Concepts' state categories table and best practices do's/don'ts — Claude already knows these React fundamentals. Keep only the selection criteria as a brief decision guide.

Add explicit workflow steps for the common task of 'setting up state management in a new project' with validation checkpoints (e.g., verify store is accessible, test a selector, confirm devtools connection).

Remove the migration guide section or move it to a separate bundle file — it's a niche use case that doesn't need to consume tokens on every skill load.

DimensionReasoningScore

Conciseness

Extremely verbose at ~300+ lines. The state categories table, selection criteria, best practices do's/don'ts, and migration guides all explain concepts Claude already knows well. The 'Core Concepts' section is essentially a tutorial overview that adds little actionable value. Multiple full-length code examples for 5 different libraries bloat the token budget significantly.

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 provide a basic decision flow, and patterns are clearly labeled and sequenced from simple to complex. However, there are no validation checkpoints, no debugging steps when things go wrong, and no explicit workflow for choosing and implementing a solution end-to-end.

2 / 3

Progressive Disclosure

Monolithic wall of content with no bundle files to offload detailed patterns. All five library patterns are inlined in full, when each could be a separate reference file. The external links at the bottom are to third-party docs rather than structured bundle references. Content that should be split across files (RTK pattern, Zustand pattern, Jotai pattern, React Query pattern) is all inline.

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 excellent trigger terms and completeness, clearly identifying both what the skill covers and when to use it. Its main weakness is that the capability description leans more toward naming tools than describing specific concrete actions the skill enables. The use of 'Master' as the opening verb is slightly informal but acceptable as third person imperative.

Suggestions

Replace 'Master modern React state management' with specific actions like 'Configure stores, create slices, implement caching, and migrate between Redux Toolkit, Zustand, Jotai, and React Query' to improve specificity.

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 explicit 'Use when' clause provides clear trigger guidance.

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

Highly distinctive due to naming four specific state management libraries and focusing on the state management niche within React. Unlikely to conflict with general React skills or other frontend skills due to the specific library names 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.