CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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.

Quality

77%

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 ./skills/react-state-management/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%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 well-organized with concrete, near-executable code patterns and useful decision guidance (state categories table, selection criteria). Its weaknesses are verbosity from canonical boilerplate and generic filler, the absence of a sequenced workflow with validation checkpoints, and a dangling reference to a nonexistent implementation playbook file.

Suggestions

Fix or remove the dangling reference: the Instructions section points to 'resources/implementation-playbook.md', which does not exist in the bundle. Create the file under references/ with the detailed patterns and link to it, or drop the pointer.

Add a concrete decision-to-implementation workflow with checkpoints, e.g.: 1. Categorize the state using the table; 2. Apply the selection criteria; 3. Implement via the matching pattern; 4. Verify (e.g., devtools time-travel for RTK, selective-subscription re-render checks for Zustand). This replaces the generic 'Apply relevant best practices and validate outcomes' instruction.

Trim content Claude already knows to improve conciseness: drop the full typed-hooks boilerplate and standard createAsyncThunk slice in favor of the non-obvious patterns (Zustand slices pattern, Jotai write-only atoms, React Query optimistic-update rollback), and remove the vacuous 'Do not use this skill when' and filler instruction lines.

DimensionReasoningScore

Conciseness

Prose is lean, but the body reprints canonical boilerplate Claude already knows (full typed Redux hooks setup, a standard createAsyncThunk slice, well-known Do's/Don'ts like 'colocate state'), plus filler sections ('Do not use this skill when: the task is unrelated to react state management', generic 'Clarify goals... Apply relevant best practices' instructions). That puts it at anchor 3 rather than the minor-trim profile of anchor 4.

3 / 5

Actionability

Five concrete, mostly executable TypeScript patterns (Zustand store, RTK slices, Jotai atoms, React Query optimistic updates, combined client/server state). Minor gaps: several undefined symbols (User, Credentials, authApi, cartAtom, Skeleton, useStats) make the code not fully copy-paste ready, matching anchor 4 rather than 5.

4 / 5

Workflow Clarity

The content is a pattern catalog rather than a sequenced workflow: the state-category table and selection-criteria box give an implicit decision sequence, but there is no explicit implementation order and no validation checkpoints ('Apply relevant best practices and validate outcomes' is not a concrete checkpoint). Fits anchor 3; not 4 because most checkpoints are absent, not 2 because the selection guidance and organized patterns provide a reasonable rough structure.

3 / 5

Progressive Disclosure

Section headers are clear, but the sole external reference is broken: the body points to 'resources/implementation-playbook.md', which does not exist in the bundle (no resources/ or references/ directory), while ~440 lines of full code patterns are inlined. Matches anchor 3 ('references present but not clearly signaled; content that should be separate is inline'), not 4 because the only reference fails, and not 2 because section structure is genuinely good.

3 / 5

Total

13

/

20

Passed

Description

87%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.

A strong description: it names the domain and specific tools, provides concrete use-case triggers, and explicitly separates what from when. Only minor gaps in synonym and edge-case trigger coverage prevent a perfect score across dimensions.

DimensionReasoningScore

Specificity

Names the domain ('React state management'), four concrete tools (Redux Toolkit, Zustand, Jotai, React Query), and several specific actions ('setting up global state, managing server state, or choosing between state management solutions'). Minor coverage gaps (no mention of forms, URL state, or migration) keep it at anchor 4 rather than 5, where the example lists a fuller set of concrete capability verbs.

4 / 5

Completeness

Explicitly 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 when-clause uses concrete trigger phrases, matching the anchor-5 example structure; it is well above anchor 4 where 'when' is only weakly specified.

5 / 5

Trigger Term Quality

Good natural keyword coverage: 'global state', 'server state', 'state management', plus all four tool names users would actually say. A few natural terms are missing (e.g., 'store', 'app state', 'React Context', 'SWR'), matching anchor 4 rather than the comprehensive synonym/extension coverage of anchor 5.

4 / 5

Distinctiveness Conflict Risk

Clear niche (React state management) with distinct triggers anchored in named tools, minimizing conflict risk with generic React, Redux, or data-fetching skills. Fits anchor 5's clear-niche-with-distinct-triggers profile.

5 / 5

Total

18

/

20

Passed

Validation

93%

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

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

Total

15

/

16

Passed

Repository

administrakt0r/AI-Agents-Safe-Coding-Skills

Path

skills/react-state-management/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.