mcpField
V
Vmotif

Vmotif

远程服务
vmotif.com媒体与设计03 周前更新
代码仓库访问官网

关于 Vmotif

Vmotif 是面向 AI Agent 的节点式设计画布 MCP 服务，可读取和编辑画布、生成多种媒体与代码，并运行已保存的工作流。生成结果会连同提示词和参考内容放在画布上。

主要功能

  1. 01读取和编辑设计画布
  2. 02生成图像、视频和代码
  3. 03生成 SVG、着色器与 HTML 屏幕
  4. 04运行已保存的工作流

适用场景

  1. 01在画布中生成视觉素材
  2. 02修改现有设计画布
  3. 03运行已保存的创作工作流

MCP 相关

通过托管的 Streamable HTTP MCP 服务连接客户端，地址为 https://vmotif.com/api/mcp，首次使用需 OAuth 2.1 登录。

配置

远程服务无需本地安装。选择你使用的客户端，复制配置或使用一键安装。

服务地址https://vmotif.com/api/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行；JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

Vmotif MCP

将你的 Agent 连接到 Vmotif，这是一个基于节点的设计画布。你的 Agent 可以读取和编辑画布，生成图像、视频、代码、SVG、着色器和 HTML 屏幕，并运行已保存的工作流。每项结果都会显示在画布上，旁边是提示词和引用的素材。

此仓库为插件市场打包托管服务。服务本身运行于：

https://vmotif.com/api/mcp

Streamable HTTP，首次使用时通过 OAuth 2.1 登录。完整文档和工具参考：https://vmotif.com/docs/mcp

安装

Cursor — 添加到 Cursor，或添加到 ~/.cursor/mcp.json：

{ "mcpServers": { "vmotif": { "url": "https://vmotif.com/api/mcp" } } }

Claude.ai / Claude Desktop — 自定义 → 连接器 → 添加自定义连接器，然后粘贴 URL。

Claude Code

claude mcp add --transport http vmotif https://vmotif.com/api/mcp

ChatGPT — 插件 → 添加 → 添加自定义 MCP 服务，粘贴 URL，然后选择 OAuth。

Codex

codex mcp add --url https://vmotif.com/api/mcp --oauth-resource https://vmotif.com/api/mcp vmotif
codex mcp login vmotif

Grok — grok.com/connectors → 新建连接器 → 自定义，然后粘贴 URL。

套餐与费用

需要 Vmotif Pro、Team 或 Enterprise 套餐。生成内容、捕获内容、抓取网站和运行工作流会消耗套餐的 GPU 额度；读取画布、模型和用量则免费。如果你属于多个工作区，Agent 会询问要向哪个工作区计费。

仓库内容

文件用途
plugin.json、mcp.jsonAgent Plugins 清单（ChatGPT、Codex）
.cursor-plugin/plugin.jsonCursor Marketplace
server.json官方 MCP 注册表（com.vmotif/vmotif）
assets/徽标和图标

支持

https://vmotif.com/docs/support · 隐私：https://vmotif.com/privacy · 条款：https://vmotif.com/terms

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。