State Machines & Logic · MCP Tool
add_state_preset
Adds a state preset to the state machine (idle-breathe, hover-glow, click-bounce, loading-spin, error-shake).
Tool Overview & Agent Execution
add_state_preset is an official Exode MCP tool that allows AI coding assistants like Claude Code, Cursor, and Windsurf to adds a state preset to the state machine (idle-breathe, hover-glow, click-bounce, loading-spin, error-shake).. It directly inspects and modifies local .exode JSON files with precision without manual UI tweaking.
Example Prompt for Claude Code & Cursor
Give this instruction to your AI coding agent to execute this tool on your active .exode workspace:
prompt
"Add a 'hover' state and wire a spring transition from 'idle' in artboard 'Card'"Tool Parameters & Input Schema
| Parameter | Type | Required | Description |
|---|---|---|---|
| objectId | string | Optional | Object to apply the state to |
| path | string | Yes | The path parameter for add_state_preset. |
| preset | string | Yes | The preset parameter for add_state_preset. |
| x | number | Optional | The x parameter for add_state_preset. |
| y | number | Optional | The y parameter for add_state_preset. |
More State Machines & Logic Tools
add_behavior
Adds a behavioral sensor (Proximity, Magnetic, Fluid, Sticky, etc) to an object for interactive motion.
add_flow_rule
RECOMMENDED SEQUENCING PRIMITIVE: Adds an animation flow/sequencer rule to orchestrate multi-step transitions and state-driven animations without raster effects.
add_input
RECOMMENDED STATE MACHINE PRIMITIVE: Adds a reactive input variable (Boolean, Number, Trigger, Text) to the state machine to model component states without heavy raster effects.
add_input_variable
RECOMMENDED STATE MACHINE PRIMITIVE (Alias for add_input): Adds a reactive state machine variable to cleanly drive interactive states.
Build & Review Motion Visually
Let Claude or Cursor run add_state_preset, then fine-tune timing, spring physics, and export ready-to-ship code in ExodeUI.