add_effect
Adds a visual effect to an object (blur, backdropBlur, glow, dropShadow, innerShadow, etc.). ⚠️ PERFORMANCE & MEMORY NOTICE: Visual effects cause heavy GPU/canvas rasterization filter passes and high memory consumption during animation. NEVER use effects as a substitute for motion, states, or interactions. Always build dynamic behaviors using (1) Animations (animate_properties, create_timeline), (2) State Variables (add_input, bind_variable), and (3) Project / Interaction Rules (add_object_interaction, setup_project_rules). Use add_effect sparingly for subtle static aesthetic styling only.
add_effect is an official Exode MCP tool that allows AI coding assistants like Claude Code, Cursor, and Windsurf to adds a visual effect to an object (blur, backdropblur, glow, dropshadow, innershadow, etc.). ⚠️ performance & memory notice: visual effects cause heavy gpu/canvas rasterization filter passes and high memory consumption during animation. never use effects as a substitute for motion, states, or interactions. always build dynamic behaviors using (1) animations (animate_properties, create_timeline), (2) state variables (add_input, bind_variable), and (3) project / interaction rules (add_object_interaction, setup_project_rules). use add_effect sparingly for subtle static aesthetic styling only.. 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:
"Use add_effect to configure the motion properties in my active .exode workspace"Tool Parameters & Input Schema
| Parameter | Type | Required | Description |
|---|---|---|---|
| angle | number | Optional | Angle for hueRotate |
| color | string | Optional | Color for glow/shadow effects |
| effect | string | Yes | The effect parameter for add_effect. |
| objectId | string | Yes | The objectId parameter for add_effect. |
| offsetX | number | Optional | X offset for shadow effects |
| offsetY | number | Optional | Y offset for shadow effects |
| path | string | Yes | The path parameter for add_effect. |
| radius | number | Optional | Blur radius |
| spread | number | Optional | Spread for shadow/glow |
| value | number | Optional | Effect intensity/value (type-dependent) |
More Animation & Physics Tools
Build & Review Motion Visually
Let Claude or Cursor run add_effect, then fine-tune timing, spring physics, and export ready-to-ship code in ExodeUI.