zustand · pedronauck — скилл для Claude Code: паттерны стейт-менеджмента
Скилл для ИИ-агента, который подсказывает паттерны Zustand: структуру сторов, селекторы, middleware и персистентность.
npx skills add pedronauck/skills --skill zustand -a claude-codeЧто делает 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-code2Вручную: положить файлы
~/.claude/skills/zustand/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/zustand/
1Через Skills CLI (Vercel)
npx skills add pedronauck/skills --skill zustand -a codex2Вручную: положить файлы
.agents/skills/zustand/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add pedronauck/skills --skill zustand -a cursor2Вручную: положить файлы
.cursor/skills/zustand/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install pedronauck/skills zustand2Вручную: положить файлы
.github/skills/zustand/SKILL.md1Через Skills CLI (Vercel)
npx skills add pedronauck/skills --skill zustand -a gemini-cli2Командой платформы
gemini skills install https://github.com/pedronauck/skills --path skills/curated/zustandВручную: положить файлы
.devin/skills/zustand/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add pedronauck/skills --skill zustand -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в 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 от других авторов.