xstate
✓TypeScript 및 React에서 XState v5 상태 머신을 생성하는 데 도움이 됩니다. 상태 기계, 행위자, 상태 차트, 유한 상태 논리, 행위자 시스템을 구축하거나 XState를 React/Vue/Svelte 구성 요소와 통합할 때 사용합니다.
SKILL.md
CRITICAL: This skill covers XState v5 ONLY. Do not use v4 patterns, APIs, or documentation. XState v5 requires TypeScript 5.0+.
Actors are independent entities that communicate by sending messages. XState v5 supports:
| State Machine | createMachine() | Complex state logic with transitions | | Promise | fromPromise() | Async operations (fetch, timers) | | Callback | fromCallback() | Bidirectional streams (WebSocket, EventSource) | | Observable | fromObservable() | RxJS streams | | Transition | fromTransition() | Reducer-like state updates |
TypeScript 및 React에서 XState v5 상태 머신을 생성하는 데 도움이 됩니다. 상태 기계, 행위자, 상태 차트, 유한 상태 논리, 행위자 시스템을 구축하거나 XState를 React/Vue/Svelte 구성 요소와 통합할 때 사용합니다. 출처: seed-hypermedia/seed.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/seed-hypermedia/seed --skill xstate- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
xstate이란?
TypeScript 및 React에서 XState v5 상태 머신을 생성하는 데 도움이 됩니다. 상태 기계, 행위자, 상태 차트, 유한 상태 논리, 행위자 시스템을 구축하거나 XState를 React/Vue/Svelte 구성 요소와 통합할 때 사용합니다. 출처: seed-hypermedia/seed.
xstate 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/seed-hypermedia/seed --skill xstate 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/seed-hypermedia/seed
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01