react-stinger

Invoke the skill with a request like 'review this React code' or 'audit our React app'. It reads package.json first, classifies the invocation, then applies the relevant guides and returns findings ranked as must-fix, should-refactor, or style with file:line citations.

The skill applies a 5-layer decision model: TanStack Query for server data, nuqs for URL state, React Hook Form for forms, useState or useReducer for local state, and Zustand as the default global store. Jotai or Redux Toolkit are recommended only for specific cases.

Yes. Dedicated guides cover React 19 idioms including Actions, useActionState, useOptimistic, useFormStatus, the use hook, ref-as-prop, and the React Compiler, plus Server Component boundary placement and Server Action security baselines.

Zustand is the default pick for its small size and provider-free API. Jotai fits fine-grained atomic UIs like form builders, and Redux Toolkit suits large teams needing enforced patterns and devtools. Context is discouraged for high-velocity state.

It does not cover visual design or tokens, Next.js SEO metadata, security audits of Server Actions, PRD authoring, or post-refactor QA. Those are handed off to other specialist agents. React Native is also explicitly out of scope.

A root-level 'use client' directive forces the entire component subtree into the client bundle, losing Server Component benefits. The skill flags this as must-fix and recommends pushing the directive down to leaf interactive components.