xstate-react

SKILL.md

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:

当用户要求“创建状态机”、“添加 xState”、“在 React 中使用 xState”、“实现基于 actor 的状态”、“使用状态机管理复杂状态”、“将 xState 与 Effect 结合使用”、“将 Effect-ts 与 xState 集成”、提及 xState 挂钩（useMachine、useActor、useSelector）或讨论 React 应用程序中的有限状态机时，应该使用此技能。 来源：sablier-labs/agent-skills。

查看原文