К основному содержанию
скилл CX Codex

zustand · pedronauck — скилл для Claude Code: паттерны стейт-менеджмента

Скилл для ИИ-агента, который подсказывает паттерны Zustand: структуру сторов, селекторы, middleware и персистентность.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add pedronauck/skills --skill zustand -a claude-code
Открыть на GitHub

Что делает zustand

Скилл задаёт агенту правила работы с Zustand в вашем проекте: как разбивать состояние по доменам, как собирать стор из middleware и как выносить селекторы. Внутри — шаблон структуры стора с типизированными экшенами, примеры стека devtools → persist → immer и чек-лист проверки перед завершением задачи. Отдельно оговорено, что Zustand берут только для общего клиентского состояния, а серверное отдают TanStack Query.

Агенту разрешены только Read, Grep и Glob — он читает и ищет по коду, но ничего не правит сам. Правки вы вносите по его подсказкам. Это стоит учитывать, если ждёте автоматического рефакторинга сторов: скилл работает как справочник, а не как исполнитель.

За деталями скилл отправляет в references/patterns.md — там лежат примеры и анти-паттерны. Для проверки результата он советует прогнать pnpm run typecheck и pnpm run test.

Какие задачи решает

  • разложить общее клиентское состояние по доменным сторам
  • собрать стор с devtools, persist и immer в правильном порядке
  • вынести селектор-хуки вместо подписки на весь стор
  • ограничить персистентность нужными полями через partialize
  • обновлять вложенное состояние в стиле immer без мутаций

Примеры запросов агенту

  • Создай новый стор для корзины по паттернам скилла zustand
  • Проверь мои сторы на соответствие правилам zustand из скилла
  • Помоги вынести селекторы для стора авторизации

Как установить zustand

1Через Skills CLI (Vercel)

npx skills add pedronauck/skills --skill zustand -a claude-code

2Вручную: положить файлы

~/.claude/skills/zustand/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/zustand/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о zustand

Как установить скилл zustand в Claude?

Выполните npx skills add pedronauck/skills --skill zustand -a claude-code. Файл скилла появится по пути ~/.claude/skills/zustand/SKILL.md.

Что делает скилл zustand?

Даёт агенту правила и паттерны для Zustand: организация сторов, middleware, селектор-хуки, работа с вложенным состоянием. Агент применяет их, когда вы пишете клиентское состояние на Zustand.

Какие инструменты доступны скиллу?

Только Read, Grep и Glob. Он читает файлы и ищет по коду, но не редактирует их.

Похожие скиллы

Всё по теме «Фронтенд и UI» →

Сначала — zustand от других авторов.

zustand vercel-labs Скилл интегрирует Zustand в json-render для синхронизации состояния приложения. Пригодится, если в проекте уже используется Zustand и нужно связать его с компонентами, которые рендерит json-render. CX Codex +1 1 900установок zustand pproenca Скилл с 43 правилами для Zustand в React: архитектура сторов, селекторы, лишние ре-рендеры. Пригодится, когда пишете или рефакторите стор. CX Codex +1 446установок zustand bobmatnyc Скилл по zustand: минимальный стейт-менеджер для React на хуках, без провайдеров и лишнего кода. Пригодится, когда глобальное состояние нужно, а Redux не хочется. CX Codex +1 485установок zustand-patterns OrchestKit Справочник по управлению состоянием на Zustand 5.x: слайсы, middleware, Immer, useShallow, персистентность и devtools. Пригодится, когда хочется уйти от Redux без лишнего кода. CX Codex +1 1 400установок zustand-state-management Mindrally Задаёт правила архитектуры сторов Zustand в React и TypeScript: от нарезки слайсов до SSR и тестов. Помогает избежать лишних ререндеров и ошибок гидратации. CX Codex +1 959установок zustand-5 prowler-cloud Скилл с паттернами управления состоянием в Zustand 5: базовые хранилища, селекторы, persist-middleware и разделение логики на слайсы. Помогает писать чистый реактивный код без лишних ре-рендеров. CX Codex +1 911установок zustand-store-ts Microsoft Скилл задаёт шаблон стора Zustand на TypeScript: отдельные типы для состояния и действий, middleware subscribeWithSelector, селекторы. 3установок state-management agent-skills Скилл с готовыми паттернами TanStack Query v5 и Zustand v5: запросы, кеш, мутации, оптимистичные обновления и клиентские сторы. CX Codex +1 783установок frontend-state-management aj-geddes Скилл для работы с состоянием фронтенда: подсказывает, как организовать Redux, MobX, Zustand или Context API в приложении. CX Codex +1 480установок

Из того же набора6

tailwindcss Скилл настраивает работу агента с Tailwind CSS v4. Он заставляет применять утилиты, проектные дизайн-токены и избегать динамической сборки имён классов. CX Codex +1 447установок refactoring-analysis Анализирует архитектуру проекта по запахам кода Фаулера и формирует отчёт в docs/_refacs/. Помогает запланировать рефакторинг без форматирования и аудита безопасности. CX Codex +1 404установок electron-builder Настраивает сборку десктопных приложений на Electron под Windows, macOS и Linux. Помогает с подписью кода, выпуском релизов и автоматическими обновлениями. CX Codex +1 392установок shadcn Задаёт правила сборки интерфейсов на shadcn/ui и Radix UI. Помогает агенту сохранять поддержку тем оформления и доступность экранов. CX Codex +1 369установок writing-skills Помогает писать, переделывать и отлаживать агентские скиллы, а также разбираться, почему нужный файл не подгрузился. CX Codex +1 314установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой