Export & Runtimes · MCP Tool
css_to_exode
Converts CSS content or a CSS file to an Exode artboard.
Tool Overview & Agent Execution
css_to_exode is an official Exode MCP tool that allows AI coding assistants like Claude Code, Cursor, and Windsurf to converts css content or a css file to an exode artboard.. 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
"Use css_to_exode to configure the motion properties in my active .exode workspace"Tool Parameters & Input Schema
| Parameter | Type | Required | Description |
|---|---|---|---|
| cssContent | string | Optional | Raw CSS string |
| cssPath | string | Optional | Path to CSS file |
| outputPath | string | Yes | Save path for the .exode file |
More Export & Runtimes Tools
build_bexode
Compiles an .exode into a shippable .bexode binary (typically 85–95% smaller) with the Exode CLI compiler, for runtimes, apps and the web.
export_react_code
Generates React Native boilerplate code for an artboard.
export_webpage
Exports a standalone HTML web page that runs the project offline in any browser: every screen of a multi-screen project, navigation rules with transitions, #/<screen> deep links, interactions, scroll and responsive layouts (the same player as the editor's Export → Webpage). Opens the page headlessly and returns a screenshot plus any page errors so you can confirm it runs.
lottie_to_exode
Converts a Lottie JSON file or content to an Exode artboard with animations.
Build & Review Motion Visually
Let Claude or Cursor run css_to_exode, then fine-tune timing, spring physics, and export ready-to-ship code in ExodeUI.