MCP tools

The full inventory of what an agent can do in a project. Setup is Connect to MCP; the shape of working with an agent is What agents can do.

242 tools. Everything below is something you can also do in the editor by hand — the tool set is shaped after the UI, not bolted beside it — with the exceptions noted near the end.

Projects and files

• list-projects · select-project — list projects; choose the one to work in.

• create-project · rename-project · delete-project — project lifecycle.

• update-project-description — set the project description.

• get-project-details · get-file-tree · list-design-files — read the file tree and a file's node tree.

• create-file · create-folder · rename-file · move-file · duplicate-file · delete-file — file lifecycle.

• get-file-data — read a file's raw contents.

• undo · redo — step the project's undo stack — the same one you use.

• publish-template — publish the project as a public template.

Reading a design

• search-nodes — regex search across names, text, code and prop/state/event field names.

• get-node-metadata · get-selection — read a node's metadata; read what you have selected on canvas.

• get-style · get-data-structure · get-props-states · get-logic · get-timelines — read each facet of a component.

• measure-node — box model, plus spacing to parent edges and sibling gaps.

• get-preview-dom · get-preview-computed-styles · get-preview-screenshot — read the rendered result.

• locate-source — paste exported React back, get the design nodes that emitted it.

Building

• add-tree — a whole nested subtree, each node with its own style and logic, in one call.

• add-element · add-text · add-svg · add-path · add-mesh · add-shader — place elements.

• add-component-instance · add-document-instance — place a component or a rich document.

• add-connection — a frame-to-frame prototyping link.

• add-screen · add-screen-list — add a breakpoint; add an independent board group.

• set-text · set-element-name · update-svg · update-input — edit what is there.

• move-node · duplicate-node · paste-nodes · delete-element — rearrange and remove.

• path-boolean · flip-node — unite/subtract/intersect/exclude; mirror a mesh grid.

• set-node-state · set-node-lock — hide/show and lock/unlock.

• set-node-attributes · set-node-ref-fn — custom data-* attributes and an exported ref.

• set-cursor · set-tooltip — cursor and tooltip layers.

Styling

• update-style — the whole style surface — per screen, per state, per variant.

• add-variants · add-style-variant · add-variant-combination — component variants, per-node variants, compound variants.

• bind-variant-state — drive a variant from a condition or property.

• set-render — enter/exit gate, so a removed element can animate out.

Design system

• design-system-get — read every token, including each theme × layer cell.

• colors-file-add-color · colors-file-update-color — color tokens.

• fonts-file-add-type · fonts-file-add-template · fonts-file-update-type · fonts-file-update-template — font faces and usage templates.

• images-file-add-image · images-file-add-template · images-file-update-image · images-file-update-template — SVG and icon tokens.

• audios-file-add-audio · audios-file-update-audio — sound tokens, playable from logic.

• videos-file-add-video · videos-file-update-video — video tokens — a URL plus a poster image token.

• spacing-file-add-size · spacing-file-update-size — spacing scale.

• radius-file-add-size · radius-file-update-size — radius scale.

• themes-file-add-theme · themes-file-update-theme · themes-file-duplicate-theme · themes-file-delete-theme — themes.

• design-system-add-section · design-system-update-section · design-system-delete — sections, and removal.

Logic

• logic-format — the full interpreter reference — read this before wiring logic.

• add-props-states · update-props-states · remove-props-states — properties and states.

• add-children-slot · fill-children · add-events-slot — named slots and component events.

• on-event-action · on-component-event — wire an event to an action; react to a child's event.

• set-condition · set-logic-condition — conditions on any slot, not just visibility.

• bind-node — bind a value into a node.

• add-repeat — repeat over an array, object, string or numeric range.

• add-listener — watch/effect, with debounce, delay and run-on-init.

• add-state-toggle — toggle state from an interaction.

• update-logic — attach or replace a node's whole logic object in one call.

• add-validator-fields · set-validator-condition — named field validation rules.

• set-data-structure-slot · list-slot-items · remove-slot-item — turn a component's slots on and off.

• set-component-props — set an instance's props.

Animation

• add-timeline · set-timeline-config · set-timeline-command — create a timeline; configure it; play, pause or reverse it from logic.

• add-timeline-segment · update-timeline-segment · delete-timeline-segment — a time range that fires logic actions when the playhead enters it — animation driving logic.

• set-keyframe · delete-keyframe · set-keyframe-easing — keyframes and per-keyframe easing.

• capture-path-keyframe · capture-mesh-keyframe · capture-shader-keyframe — capture the current path, mesh or shader as a keyframe.

• set-shader-keyframe — set shader parameters at a keyframe.

Data

• get-api · set-api-method · set-api-request · set-api-response-kind — endpoint definition.

• add-api-fields · update-api-field · delete-api-field — request and response shape.

• set-api-credentials — cookie auth — send the request with the browser's credentials.

• add-api-testcase · delete-api-testcase — saved request fixtures for an endpoint.

• get-cms · add-cms-model · rename-cms-model · delete-cms-model — CMS models.

• add-cms-fields · add-cms-data · add-cms-row · set-cms-row · reorder-cms-row · delete-cms-row · delete-cms-data — CMS content.

• get-storage · add-storage-state · add-storage-fields · rename-storage-schema · delete-storage-state — storage schemas.

• set-storage-persist — where a schema's value lives between loads — memory, localStorage or sessionStorage.

• add-storage-api · delete-storage-api — bind an endpoint to a storage file.

• mount-data-source — mount an API, storage or CMS source into a component.

• update-field · reorder-field · delete-field — shared field editing.

• add-environment · rename-environment · delete-environment — named environments.

• add-environment-variable · set-environment-variable · delete-environment-variable · get-environment — environment values.

Database

Tables, views and the auth built on them. See File sections for the model.

• table-get — read a table — columns, rows, actions and access rules.

• table-add-column · table-update-column · table-delete-column — typed columns, including secret ones.

• table-add-row · table-update-row · table-delete-row — rows.

• table-set-identity — the identity column's kind — UUID or auto-incrementing number.

• table-add-view · table-update-view · table-delete-view — views and write actions: query, insert, update, delete.

• table-run-action — run one directly, without wiring it to an event first.

• mount-view — mount a view into a component, so a repeat can iterate it.

Documents and pages

• write-document · edit-document — write, or block-edit, a rich document.

• add-document-image · add-doc-video · add-doc-component — images, video blocks, and a live component embedded in a document.

• get-blog · add-blog-document · update-blog-document · delete-blog-document · set-blog-components — the document-page tree that becomes site navigation.

• reorder-blog-document — move a document or group to a new position or parent; its id, and every link to it, survives.

Code components

• create-code-component · update-code-component — author a component as React source, in place.

• debug-code-component — real JavaScript breakpoints inside it.

Checking its own work

• preview-interact — synthesize a real click, hover, type, drag or scroll; get before/after screenshots and the interpreter state delta.

• get-interpreter-state · get-interpreter-actions · step-interpreter — read live state; read the action log; step through it.

• eval-expression — evaluate an expression against live context.

• get-diagnostics — type errors, pinned to the node that caused them.

• add-test-case · set-test-case-values · name-test-case · get-test-cases · delete-test-case — property fixtures to preview against.

• reset-preview-host — restart the preview window when it gets stuck.

Output

• export-code — generate the React for a file.

• export-code-to-folder — run the real Export, to your configured targets.

• get-export · add-export-target · update-export-target · remove-export-target — manage folder and Git targets.

• export-pdf · export-video — a design as PDF; a timeline as frame-accurate MP4.

• export-training-data — node tree paired with its generated TSX and SCSS.

Site capture

Clone a live website into real, editable nodes.

• capture-site · capture-page · list-captures · delete-capture — crawl and store a capture.

• get-capture-summary · get-capture-tree · get-capture-content · get-capture-components — read what was captured.

• get-capture-tokens · apply-capture-tokens — derive a design system from the capture, and write it in.

• build-clone-manifest · get-clone-manifest · build-from-capture · update-clone-item · measure-clone-item — rebuild it as a design.

• diff-against-capture · diff-capture-css · diff-responsive · get-clone-report · capture-noise-floor — pixel-diff the clone against the original.

Operations

• list-operations · describe-operation · run-operation — discover and run any registered operation by id.

• react-to-design — the build playbook — node tree, style dialect and logic shorthand.

Two asymmetries

A few things only an agent can do. Site capture has no editor UI at all, and neither does PDF export, frame-accurate video export or training-data export. There is no Duplicate command for elements in the UI either — a person copies and pastes; duplicate-node is the agent's route.

A few things only a person can do. Editing mesh points or path anchors by dragging is an editor gesture with no tool behind it.

link-library, list-libraries and unlink-library are registered, but the Libraries feature is not in the released app yet. Do not rely on them.

Limits worth knowing

• get-diagnostics returning nothing does not mean it compiles. The checker is lossy; an empty result is not a pass.

• export-code on a rich document returns an empty shell — use the document tools to read its content.

• Site-capture similarity scores are only meaningful at 1440px.

• All of this needs the desktop app running. The MCP server is part of it.

Where next

• Connect to MCP — setup.

• What agents can do — how to work with one.