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 を使用」、「アクターベースのステートを実装」、「ステート マシンで複雑なステートを管理」、「Effect で xState を使用」、「Effect-ts と xState を統合」を要求する場合、xState フック (useMachine、useActor、useSelector) について言及する場合、または React アプリケーションの有限ステート マシンについて議論する場合に使用する必要があります。 ソース: sablier-labs/agent-skills。

原文を見る