Vmotif — Claude Code MCP server: what it does, how to install
Links your assistant to the Vmotif node canvas. It lets agents build visuals and interface screens directly from chat.
claude mcp add --transport http vmotif https://vmotif.com/api/mcpWhat Vmotif 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.
What it helps with
- 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 for the agent
- 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
How to install Vmotif
Platform CLI: remote server
claude mcp add --transport http vmotif https://vmotif.com/api/mcpPlatform CLI: remote server
codex mcp add vmotif --url https://vmotif.com/api/mcpConfig file
{
"mcpServers": {
"vmotif": {
"url": "https://vmotif.com/api/mcp"
}
}
}Config file
{
"servers": {
"vmotif": {
"type": "http",
"url": "https://vmotif.com/api/mcp"
}
}
}Platform CLI: remote server
gemini mcp add -t http vmotif https://vmotif.com/api/mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about Vmotif
How to install Vmotif in Claude Code?
Run claude mcp add --transport http vmotif https://vmotif.com/api/mcp in your terminal. Authenticate via OAuth 2.1 when prompted on first launch.
What does the Vmotif MCP server do?
It gives your assistant access to Vmotif visual canvases. The tool generates code, UI layouts, and media assets, arranging them directly on the board.
Is a paid account required to use Vmotif?
Yes, you must hold a Pro, Team, or Enterprise plan. Browsing canvas contents is free, but generative jobs and screen captures debit your GPU wallet balance.
