Start
state-machine-designer
state-machine-designer - Skill Dossier
state-machine-designer

state-machine-designer

Design and implement finite state machines and statecharts for complex UI flows using XState v5 and Zustand. Activate on: multi-step forms, complex UI state, wizard flows, auth flows, statechart, XState. NOT for: simple boolean toggles (use React useState), server state (use data-fetching-strategist).

Frontend & UI
#state-machines#xstate#zustand#statecharts

Allowed Tools

ReadWriteEditBash(npm:*npx:*)

Share this skill

TwitterLinkedIn
⚡

Coming in Spring 2026 Beta

WinDAGs will match this skill automatically. Then ask:

"Use state-machine-designer to help me build..."
Request Early Access
"Use state-machine-designer to help me build a state-machines system"
"I need expert help with design and implement finite state machines and sta..."
"Orchestrate state-machine-designer with form-validation-architect for multi-step form flows need both state machines and validation logic"