·xstate-react
</>

xstate-react

Этот навык следует использовать, когда пользователь просит «создать конечный автомат», «добавить xState», «использовать xState с React», «реализовать состояние на основе актера», «управлять сложным состоянием с помощью конечных автоматов», «использовать xState с эффектом», «интегрировать Effect-ts с xState», упоминает перехватчики xState (useMachine, useActor, useSelector) или обсуждает конечные автоматы в приложениях React.

17Установки·0Тренд·@sablier-labs

Установка

$npx skills add https://github.com/sablier-labs/agent-skills --skill xstate-react

Как установить xstate-react

Быстро установите AI-навык xstate-react в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/sablier-labs/agent-skills --skill xstate-react
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: 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:

Этот навык следует использовать, когда пользователь просит «создать конечный автомат», «добавить xState», «использовать xState с React», «реализовать состояние на основе актера», «управлять сложным состоянием с помощью конечных автоматов», «использовать xState с эффектом», «интегрировать Effect-ts с xState», упоминает перехватчики xState (useMachine, useActor, useSelector) или обсуждает конечные автоматы в приложениях React. Источник: sablier-labs/agent-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/sablier-labs/agent-skills --skill xstate-react
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-17
Обновлено
2026-03-11

Browse more skills from sablier-labs/agent-skills

Короткие ответы

Что такое xstate-react?

Этот навык следует использовать, когда пользователь просит «создать конечный автомат», «добавить xState», «использовать xState с React», «реализовать состояние на основе актера», «управлять сложным состоянием с помощью конечных автоматов», «использовать xState с эффектом», «интегрировать Effect-ts с xState», упоминает перехватчики xState (useMachine, useActor, useSelector) или обсуждает конечные автоматы в приложениях React. Источник: sablier-labs/agent-skills.

Как установить xstate-react?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/sablier-labs/agent-skills --skill xstate-react После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

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

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-17