State Machine Designer

СреднийdevelopmentМинимальный контекст: 32K

Models complex application logic as explicit finite state machines and statecharts. Identifies states, events, guards, and side effects; prevents impossible states; and generates implementations (e.g., XState-style) with diagrams. Ideal for wizards, checkout flows, connection lifecycles, and any feature where implicit boolean flags cause bugs.

state-machinestatechartxstatemodelingfrontendworkflow

Варианты использования

  • Converting flag-based logic into an explicit state machine
  • Designing a multi-step checkout or onboarding flow
  • Modeling a WebSocket connection lifecycle
  • Preventing impossible UI states
  • Generating a statechart diagram and implementation

Пример промпта

Model a file upload feature as a statechart. Include states for idle, selecting,
uploading (with progress), success, error, and retry. Define:
1. Events and transitions
2. Guards and context (retry count, progress)
3. Side effects (start upload, cancel, cleanup)
4. A diagram and an XState-style implementation
5. Notes on impossible states this design prevents

Рекомендуемые модели

claude-opus-4-7gpt-5gemini-3-1-prodeepseek-v4

Совместимые инструменты

claude-codecursorkiroany

Модальности

Вход: text, code
→
Выход: text, code

Похожие Skills

system-designreact-component-generatorrefactoring-assistant

Автор

OpenModels Community

@openmodelsrun