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 中使用
这个 Skill 的源码在哪？
https://github.com/seed-hypermedia/seed
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01