Frontend & Design · Zustand

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query.

involvex/youtube-music-cli

Explains how LobeHub client code fetches data through services, SWR store hooks and cache keys, and when to avoid useEffect fetching or duplicated state.

lobehub/lobehub

使用 i18next-cli 检查、同步和整理本项目的国际化资源。涉及新增、修改、删除翻译键或国际化字符串，以及修复缺失翻译时使用。

huoshen80/ReinaManager

Create or modify ryOS Zustand stores following repo conventions — persist middleware, partialize, versioned migrations, the debounced write-behind storage adapter for large slices, and cloud-sync…

ryokun6/ryos

A skill your agent uses when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, ShadCN, Zustand, Tanstack Query, and modern Next.js stack

bear2u/my-skills

Development and maintenance of Xray Config UI Editor. An agent skill from bropines/xray-config-ui-editor.

bropines/xray-config-ui-editor

Sets the conventions for the Opik React frontend: TanStack Query for data, Zustand for shared state, one-way layer imports and a fix for Google Translate crashes.

comet-ml/opik

Website map editor UI patterns: click-to-edit flows, Zustand modals, WholeNumberInput, ComboboxTypeahead for entity/item ids, list panels, and styling.

webdevcody/survive-the-night-game

在 ReinaManager 项目内进行隔离前端验证，复用测试目录并回收测试资源。需要模拟批量数据、延迟、失败或交互回归时使用。

huoshen80/ReinaManager

Use ONLY when working in the docker-acarshub repository AND building UI -- React components, SCSS modules, theme variables, accessibility, mobile responsiveness, Catppuccin color usage, Zustand…

sdr-enthusiasts/docker-acarshub

Create and update QuickStack frontend pages, React components, forms, dialogs, tables, streaming UI, and Zustand-backed state using the project's established UI conventions.

biersoeckli/QuickStack

Reference for the two Zustand store patterns in Stellar Lab — main store (querystring) and transaction flow store (sessionStorage).

stellar/laboratory

通过 CDP 连接 ReinaManager WebView2，复现、诊断并验证真实应用的前端问题。仅在用户显式调用 /cdp 或 $cdp 进行前端调试时使用。

huoshen80/ReinaManager

Conventions for Zustand stores in LobeHub: list and detail state shapes, public, internal and dispatch actions, reducers, optimistic updates and naming rules.

lobehub/lobehub

State management patterns - Zustand, Jotai, Context. An agent skill from emanueleielo/deepagents-open-lovable.

emanueleielo/deepagents-open-lovable

Architect large or state-heavy Langfuse frontend features. An agent skill from langfuse/langfuse.

langfuse/langfuse

指导在前端项目中按团队规范使用 Zustand 创建和维护全局状态 store，包括目录结构、命名与持久化策略。当前端需要新增或重构状态管理时使用本技能。

AntonHu/ai-coding-project

Builds React 19 components in TypeScript with Server Components, useActionState forms, custom hooks and state libraries, checked with tsc and React Testing Library.

Jeffallan/claude-skills

Create React Flow node components with TypeScript types, handles, and Zustand integration.

microsoft/skills

Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation.

microsoft/skills

Analyze and fix unnecessary useState, derived state, and server-state-in-local-state anti-patterns

simstudioai/sim

Explicit compatibility entry for Zustand data-shape guidance.

lobehub/lobehub

React Three Fiber (R3F) and Poimandres ecosystem best practices.

zebbern/claude-code-guide

This skill should be used when the user wants to create a standardized React 18 + TypeScript + Vite + Zustand project from scratch.

jiushiwon/wg-skills

追踪每个面向用户的按钮/触点的完整状态变化序列，以发现功能单独工作但相互抵消、产生错误最终状态或使UI处于不一致状态的错误。适用于：系统调试未发现错误但用户报告按钮失效，或在任何涉及共享状态存储的重大重构之后。

affaan-m/ECC

Expert guide for Zustand state management patterns, store organization, and best practices.

pedronauck/skills

A skill your agent uses when reviewing state management architecture — classifying state types (server/URL/form/UI), checking for over-globalization, Jotai/Zustand/Redux patterns, derived state, and…

mizchi/skills

React web development with hooks, React Query, Zustand. An agent skill from alinaqi/maggy.

alinaqi/maggy

Compare two or more npm packages side by side using live data — downloads, bundle size, GitHub stars, last update, known vulnerabilities, and community sentiment.

tinyfish-io/tinyfish-cookbook

Guide for Zustand state management patterns in Mobazha including store design, middleware usage, selectors, persistence, and integration with React Query.

mobazha/mobazha-unified

Tauri 状态管理技能,覆盖 React 前端状态和 Rust 后端状态管理. An agent skill from bkywksj/knowledge-base.

bkywksj/knowledge-base

Model, review, and refactor application state so source state stays minimal, derived state is computed instead of synchronized, impossible states are not representable, and each piece of state lives…

compozy/compozy

Reference for Zustand 5.x state management including slices, middleware, Immer, useShallow, persistence, selectors, and devtools integration.

yonatangross/orchestkit

Zustand state management for React with TypeScript. An agent skill from secondsky/claude-skills.

secondsky/claude-skills

Frontend state management patterns for React apps. An agent skill from cohen-liel/hivemind.

cohen-liel/hivemind

Zustand 5 state management patterns. An agent skill from Gentleman-Programming/Gentleman-Skills.

Gentleman-Programming/Gentleman-Skills

Implement local and global state with Context, Zustand, and Redux Toolkit in React Native.

HoangNguyen0403/agent-skills-standard

Select and implement local, global, and server state patterns in React.

HoangNguyen0403/agent-skills-standard

React/Next.js component design pattern library. An agent skill from revfactory/harness-100.

revfactory/harness-100

Create zustand store creator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace.

jeremylongshore/tons-of-skills-marketplace

Local Zustand documentation reference (latest). An agent skill from olorehq/olore.

olorehq/olore

当设计或重构前端 presenter/manager/store、Zustand 持久化、状态归属、view logic、业务组件内聚、prop drilling、复杂 hook/state-flow 或 RxJS 边界时使用。

Peiiii/nextclaw

MANDATORY for creating Zustand stores. An agent skill from aiskillstore/marketplace.

aiskillstore/marketplace

A skill your agent uses when choosing state management solutions, implementing global stores (Zustand, Pinia), managing server state (TanStack Query), or handling URL state in frontend applications…

MadAppGang/claude-code

A skill your agent uses when making architecture-level React decisions — component decomposition, choosing where state should live, selecting a state manager (Context vs Redux vs Zustand) or a…

kid-sid/claude-spellbook

Apply best practices for managing URL, server, and client state in Next.js applications.

HoangNguyen0403/agent-skills-standard

Builds DAG visualizations using ReactFlow v12 with custom nodes, ELKjs auto-layout, Zustand state management, and live state updates via WebSocket.

curiositech/some_claude_skills

Best practices for Zustand state management in React and TypeScript applications, covering store design, selectors, middleware, SSR, and testing.

Mindrally/skills