Xstate skill

O que ela faz

A skill ensina o Claude a usar o @json-render/xstate, o adaptador que liga o json-render, biblioteca da Vercel Labs, ao XState Store. Na prática, o estado da interface (os valores que a tela lê e altera) passa a morar num atom do @xstate/store, em vez do armazenamento padrão.

O passo a passo é curto: instalar os quatro pacotes pelo npm (@json-render/xstate, core, react e @xstate/store), criar o atom com o createAtom, gerar o adaptador com a função xstateStoreStateStore e envolver a tela no StateProvider. A partir daí, toda leitura e escrita do json-render passa pelo XState Store.

A skill também deixa claro o que não pode faltar: o @xstate/store precisa ser da versão 3 em diante, e a função tem uma única opção, o atom, que é obrigatória.

Nas palavras de quem fez

Quando usar

• Seu app em React já usa o json-render e o estado precisa ficar no XState Store
• Juntar as telas do json-render com o resto do app que já usa o @xstate/store
• Trocar o armazenamento de estado padrão do json-render por um atom

Depois de instalar, é só pedir assim

• Liga o json-render desse projeto ao XState Store usando o adaptador @json-render/xstate
• Instala os pacotes do json-render com XState e cria o atom com o estado inicial do formulário
• Troca o StateStore do json-render por um atom do @xstate/store e me mostra onde entra o StateProvider

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