Zustand skill

O Claude escreve stores Zustand no padrão do código do LobeHub, com estado separado das ações e escrita otimista que volta atrás se falhar.

por lobehub

instalações: 6.900
estrelas no GitHub: 83,5 mil
No skills.sh desde: janeiro de 2026
Licença: Própria

Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

lobehub
zustand
O Claude escreve stores Zustand no padrão do código do LobeHub, com estado separado das ações e escrita otimista que volta atrás se falhar.Auditada6.900 instalações, grátis

O que ela faz

É a skill interna do LobeHub, o app de chat com IA de código aberto, pra gerenciar estado com Zustand. Define o formato dos dados: tipos importados de @lobechat/types, tipo leve de lista separado do tipo de detalhe, detalhes guardados num mapa por id e leitura sempre por selectors.

No padrão novo, o store guarda só estado e as ações ficam numa classe à parte, chamada direto pelos componentes, com cada escrita etiquetada pelo nome da ação. Dados do servidor passam pelo local-replica, que guarda cópia no IndexedDB, revalida, pagina e faz escrita otimista com volta automática se o servidor falhar.

Pros stores antigos, que ainda misturam ações e estado com internal_* e reducers, aponta um arquivo de referência e diz quando migrar pro padrão novo.

Nas palavras de quem fez

Use for Zustand stores: state shapes and type sources, state-only stores with xActions classes, replica-backed list/detail data (local-replica), selectors,…

lobehub, no SKILL.md

Quando usar

Contribuir com código pro LobeHub ou manter um fork dele
Criar um store novo dentro do código do LobeHub
Migrar um store antigo do LobeHub pro padrão de réplica
Usar como referência pra organizar dados de lista e detalhe num app React com Zustand

Depois de instalar, é só pedir assim

Cria o store de favoritos no padrão do LobeHub, com xActions e selectors
Migra o store de tópicos pro local-replica com escrita otimista
Revisa esse store e me diz o que foge do padrão de store só com estado

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

Gen Agent Trust HubPassou
SocketPassou
SnykPassou

Perguntas

Como instalar a Zustand no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Zustand, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

Serve pra qualquer projeto com Zustand?

Ela foi escrita pro código do LobeHub: cita caminhos como src/store/page, o pacote @lobechat/types e a biblioteca local-replica. Em outro projeto as ideias servem de referência, mas o Claude vai puxar pra estrutura do LobeHub.

Precisa de chave de API ou conta paga?

Não. É texto com dois arquivos de referência. Ela vem marcada pra não aparecer como comando: o Claude carrega sozinho quando a tarefa é sobre stores Zustand.

Roda no Codex e no Antigravity?

Sim. São só instruções em texto, sem programa extra.

Levar essa skill

1x zustandR$ 0,00

TotalR$ 0,00

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/lobehub/lobehub

Aprenda a usar

Criar site com IA: o passo a passo no Claude Code
Como eu crio site com IA pros clientes sem saber programar: no Claude Code, no Codex ou de graça no Antigravity. O passo a passo, sem cara de template.