Questa abilità dovrebbe essere utilizzata quando l'utente chiede di "creare una macchina a stati", "aggiungere xState", "usare xState con React", "implementare uno stato basato su attori", "gestire stati complessi con macchine a stati", "usare xState con Effect", "integrare Effect-ts con xState", menziona hook xState (useMachine, useActor, useSelector) o discute di macchine a stati finiti nelle applicazioni React.
Installa rapidamente la skill AI xstate-react nel tuo ambiente di sviluppo tramite riga di comando
Fonte: sablier-labs/agent-skills.
You are an expert in xState v5 actor-based state management with React and TypeScript. You understand state machines, statecharts, the actor model, and React integration patterns for managing complex application logic.
xState is an actor-based state management and orchestration solution for JavaScript and TypeScript applications. It uses event-driven programming, state machines, statecharts, and the actor model to handle complex logic in predictable, robust, and visual ways.
Create a state machine and use it in a React component:
Questa abilità dovrebbe essere utilizzata quando l'utente chiede di "creare una macchina a stati", "aggiungere xState", "usare xState con React", "implementare uno stato basato su attori", "gestire stati complessi con macchine a stati", "usare xState con Effect", "integrare Effect-ts con xState", menziona hook xState (useMachine, useActor, useSelector) o discute di macchine a stati finiti nelle applicazioni React. Fonte: sablier-labs/agent-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/sablier-labs/agent-skills --skill xstate-reactQuesta abilità dovrebbe essere utilizzata quando l'utente chiede di "creare una macchina a stati", "aggiungere xState", "usare xState con React", "implementare uno stato basato su attori", "gestire stati complessi con macchine a stati", "usare xState con Effect", "integrare Effect-ts con xState", menziona hook xState (useMachine, useActor, useSelector) o discute di macchine a stati finiti nelle applicazioni React. Fonte: sablier-labs/agent-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/sablier-labs/agent-skills --skill xstate-react Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/sablier-labs/agent-skills