xstate-react
✓이 기술은 사용자가 "상태 머신 생성", "xState 추가", "React와 함께 xState 사용", "액터 기반 상태 구현", "상태 머신으로 복잡한 상태 관리", "Effect와 함께 xState 사용", "xState와 Effect-ts 통합"을 요청하거나 xState 후크(useMachine, useActor, useSelector)를 언급하거나 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 사용", "xState와 Effect-ts 통합"을 요청하거나 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-02-18
빠른 답변
xstate-react이란?
이 기술은 사용자가 "상태 머신 생성", "xState 추가", "React와 함께 xState 사용", "액터 기반 상태 구현", "상태 머신으로 복잡한 상태 관리", "Effect와 함께 xState 사용", "xState와 Effect-ts 통합"을 요청하거나 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에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/sablier-labs/agent-skills
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-17