/ix-design-interaction#

Design a complete interaction flow.

Steps#

1. States — Model the interaction states using ix-state-machine skill.
2. Micro-interactions — Specify each micro-interaction using ix-micro-interaction-spec skill.
3. Animation — Define motion using ix-animation-principles skill.
4. Gestures — Design touch/pointer interactions using ix-gesture-patterns skill.
5. Feedback — Specify system feedback using ix-feedback-patterns skill.
6. Error handling — Design error paths using ix-error-handling skill.
7. Loading — Design loading states using ix-loading-states skill.

Output#

Complete interaction specification with state diagram, micro-interaction specs, animation details, gesture definitions, feedback plan, error flows, and loading states. Consider following up with /ix-map-states for complex components or /ix-error-flow for critical paths.