/ix-map-states#

Model states and transitions for a complex component.

Steps#

1. Identify states — List all possible states using ix-state-machine skill.
2. Map transitions — Define events and transitions using ix-state-machine skill.
3. Loading states — Define loading behavior per state using ix-loading-states skill.
4. Error states — Map error conditions using ix-error-handling skill.
5. Feedback — Define feedback per transition using ix-feedback-patterns skill.
6. Animation — Specify transition animations using ix-animation-principles skill.

Output#

Complete state machine diagram with states, events, transitions, guards, actions, and UI representation per state. Consider following up with /ix-design-interaction for detailed interaction specs.