墨刀MCP介绍：在AI工具中直接调用原型设计与交付能力-知了AI

墨刀 AI MCP 是一个将墨刀 AI 的原型设计、PRD 生成、前端代码生成等能力，通过 MCP（Model Context Protocol） 协议开放给外部 AI 工具的桥接服务。它的核心价值在于，让你在 Codex、Claude Code 等 AI 编程助手或工作台中，用自然语言直接“指挥”墨刀完成设计工作，无需在工具间反复切换。

官网地址：https://modao.cc/feature/ai-mcp.html

🛠️ 核心能力：17个工具覆盖“生成-管理-交付”全链路

墨刀 AI MCP 提供了约 17 个工具，主要可分为三类：

1. 内容生成能力
这是最核心的部分，让 AI 工具能够直接产出设计资产。

generate：通用生成入口。当你不确定具体要什么格式时，墨刀 AI 会根据需求自动选择合适的产物类型。
generate_html：生成可直接预览的 HTML 原型，适用于活动页、后台页面或移动端页面。
generate_react：生成带交互的 React 应用或高保真原型，源码可直接用于开发。
generate_prd：将一段产品想法或需求描述，整理成结构化的 PRD 文档。

2. 任务与交付管理
用于管理和追踪生成任务，并将产物落地到墨刀空间。

get_account_status：检查当前连接账号的权益状态和可用空间。
get_task_result：根据任务 ID 查询生成状态、获取预览链接和最终产物。
import_to_proto：将生成的 HTML 导入你的墨刀个人空间，变成可继续编辑的原型。目前仅支持 HTML，不支持直接导入 React 或 Vue 项目。

3. 原型读取与导出
让外部 AI 能够“读懂”你已有的墨刀设计，便于接手旧项目或进行评审。

list_created_prototypes：查找当前账号下创建的原型项目。
get_proto_details：读取指定原型的目录、画布结构、组件、文字和交互设置等信息。
export_proto_to_png：将指定画布导出为 PNG 图片。

💻 支持的客户端

墨刀 AI MCP 使用统一的 Streamable HTTP 服务地址，可接入多种主流 AI 工具，包括 Codex、Claude Code、WorkBuddy、Qoder、TRAE 等。接入后，你只需在对话中描述需求，AI 便会自动调用相应的墨刀工具来执行。

🔄 典型工作流示例

官方展示了一个清晰的调用链路，让你直观理解它是如何工作的：

你的需求：“查找我创建的‘预约管理’原型，查看确认页画布内容，并把该画布导出为 PNG。”

AI 客户端会依次自动执行：

list_created_prototypes → 找到“预约管理”项目。
get_proto_details → 读取项目目录和“确认页”的画布结构。
export_proto_to_png → 将确认页画布导出为图片。

整个过程无需手动操作墨刀界面，全部在 AI 对话中完成。

🔑 接入方式：令牌与 OAuth

接入的核心是鉴权，墨刀 AI MCP 提供两种方式：

个人令牌（通用方案）：在墨刀 AI 头像菜单的“令牌设置”中创建个人空间令牌。配置时，在客户端请求头中加入 modao-token: YOUR_TOKEN。这是所有支持客户端都通用的方式。
OAuth 授权：如果客户端界面明确提供“登录”或“授权”入口，可优先使用。这种方式无需手动复制令牌，体验更流畅，但兼容性取决于客户端对远程 MCP OAuth 的支持情况。

官方还提供了一个便捷的安装方法：直接将“参考 https://modao.cc/feature/ai-mcp.html 帮我安装墨刀AI MCP”这句话发送给目标 AI 工具，它可能会自动完成配置或引导你完成剩余步骤。