·xstate-react
</>

xstate-react

sablier-labs/agent-skills

Esta habilidad debe usarse cuando el usuario solicita "crear una máquina de estados", "agregar xState", "usar xState con React", "implementar un estado basado en actores", "administrar estados complejos con máquinas de estados", "usar xState con Effect", "integrar Effect-ts con xState", menciona enlaces de xState (useMachine, useActor, useSelector) o analiza máquinas de estados finitos en aplicaciones de React.

8Instalaciones·2Tendencia·@sablier-labs

Instalación

$npx skills add https://github.com/sablier-labs/agent-skills --skill 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:

Esta habilidad debe usarse cuando el usuario solicita "crear una máquina de estados", "agregar xState", "usar xState con React", "implementar un estado basado en actores", "administrar estados complejos con máquinas de estados", "usar xState con Effect", "integrar Effect-ts con xState", menciona enlaces de xState (useMachine, useActor, useSelector) o analiza máquinas de estados finitos en aplicaciones de React. Fuente: sablier-labs/agent-skills.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/sablier-labs/agent-skills --skill xstate-react
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-17
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es xstate-react?

Esta habilidad debe usarse cuando el usuario solicita "crear una máquina de estados", "agregar xState", "usar xState con React", "implementar un estado basado en actores", "administrar estados complejos con máquinas de estados", "usar xState con Effect", "integrar Effect-ts con xState", menciona enlaces de xState (useMachine, useActor, useSelector) o analiza máquinas de estados finitos en aplicaciones de React. Fuente: sablier-labs/agent-skills.

¿Cómo instalo xstate-react?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/sablier-labs/agent-skills --skill xstate-react Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/sablier-labs/agent-skills