# Vmotif

Links your assistant to the Vmotif node canvas. It lets agents build visuals and interface screens directly from chat.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI
- Author: vmotif
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/vmotif/mcp
- Updated: 2026-10-10
- HTML: https://affpapa.org/en/nevibecode/mcp/vmotif

## What it does

The server bridges coding assistants with the node-based visual board at `https://vmotif.com`. Agents inspect and alter canvases, trigger automated pipelines, and produce visuals or HTML layouts. Every created asset appears on the board alongside its prompt and source files.

The remote endpoint operates over streamable HTTP at `https://vmotif.com/api/mcp`. Initial connection triggers an OAuth 2.1 verification flow.

You need an active Pro, Team, or Enterprise subscription. Inspecting canvases or checking usage consumes no credits, but rendering media, running captures, or executing pipelines drains your GPU wallet. If your account holds several workspaces, the assistant asks which organization to charge.

## Requirements
- Remote server: `https://vmotif.com/api/mcp`

## Install

### Claude Code (native platform)

**Platform CLI: remote server**
```bash
claude mcp add --transport http vmotif https://vmotif.com/api/mcp
```

### Codex

**Platform CLI: remote server**
```bash
codex mcp add vmotif --url https://vmotif.com/api/mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "vmotif": {
            "url": "https://vmotif.com/api/mcp"
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "vmotif": {
            "type": "http",
            "url": "https://vmotif.com/api/mcp"
        }
    }
}
```

### Gemini CLI

**Platform CLI: remote server**
```bash
gemini mcp add -t http vmotif https://vmotif.com/api/mcp
```

## When to use it
- render images and video clips directly onto a visual canvas
- produce shaders and HTML screens from chat
- trigger saved Vmotif workflows via agent commands
- inspect node graphs and update existing canvas items

## Example prompts
- Inspect the current Vmotif canvas and place an SVG asset next to the header node
- Generate a background shader and preview it on the project board
- Run the saved banner workflow using assets from my primary workspace

## Similar
- [Next AI Draw.io](https://affpapa.org/en/nevibecode/mcp/next-ai-drawio.md) — MCP server · ★ 36427
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51104
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16073
- [Agent-Native Assets](https://affpapa.org/en/nevibecode/mcp/agent-native-assets.md) — MCP server · ★ 7527
- [Remove AI Watermarks](https://affpapa.org/en/nevibecode/mcp/remove-ai-watermarks.md) — MCP server · ★ 6144
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3851

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md