How to generate an AI State Diagram (Statechart)

Step-by-step guide on generating a State Diagram

1. Write a prompt describing the states and state transitions. A simple one-liner can work too but the best prompts are usually at least 3-4 sentences long. Applying the below framework generally yields good results:
   1. Make sure to describe states (e.g. logged in, logged out) and transitions (e.g. submit credentials, session expiry).
   2. Include the visual requirements of a state diagram to the prompt: "States are circle shapes. And connections represent the transition between states. Use icons as appropriate."
2. Generate a diagram with the completed prompt.
3. Edit the diagram with follow-up prompts (this step requires signing in to Eraser).
4. Manually adjust the layout using GUI controls (this step requires signing into Eraser).

Tips on generating an State Diagram

• Instead of writing a prompt from scratch, consider pasting excerpts from existing process requirements docs, log exports, or uploading image files.
• Working with an LLM to create a fleshed out diagram prompt can be effective. Describe a system and ask it to list all the possible states as well as the state transitions.

Example diagrams

• Uber rider session state machine
• Stripe payment state machine

‍