怎样在ClaudeDesktop使用墨刀MCP服务

蓮花仙者

蓮花仙者

2026-08-04

321人浏览

原创

必须先配置墨刀mcp服务才能在claude desktop中调用墨刀功能:第一步获取墨刀个人访问令牌,第二步编辑claude_desktop_config.json文件,第三步插入含令牌的mcpservers配置块,最后重启验证连接状态并执行生成、导入或文档任务。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

怎样在claudedesktop使用墨刀mcp服务 - php中文网

要在Claude Desktop中调用墨刀生成原型图、导入HTML到墨刀空间或输出设计说明文档,必须先让Claude识别并连接上墨刀MCP服务,否则所有“帮我画个登录页”“导出到墨刀”类指令都会失败。

配置墨刀MCP服务

第一步:获取墨刀个人访问令牌(Token)
打开墨刀官网(modao.cc),登录后点击左下角头像 →「令牌设置」→ 创建新令牌 → 复制生成的32位十六进制字符串(形如9a98e8a94698bf26b7c166f79a0db3e6)。

第二步:编辑Claude Desktop配置文件
在Claude Desktop设置中开启「Developer Mode」→ 点击「Edit Config」→ 打开弹出的配置文件所在文件夹 → 用文本编辑器打开claude_desktop_config.json文件。

第三步:插入墨刀MCP配置块
在文件根对象内添加mcpServers字段,内容如下(注意替换YOUR_TOKEN为上一步复制的令牌):

{"mcpServers":{"modao-proto-mcp":{"command":"npx","args":["-y","@modao-mcp/modao-proto-mcp","--token=YOUR_TOKEN","--url=https://modao.cc"]}}}

【务必保留双引号和逗号格式,缺一不可;Windows路径中若含空格会导致command启动失败】

验证MCP是否连接成功

重启Claude Desktop,确保界面右下角出现新图标(类似小齿轮或插件符号)。

Claude Code 2.1.81
Claude Code 2.1.81

Claude Code 2.1.81

下载

在任意对话窗口输入/mcp,回车。

若返回列表中包含modao-proto-mcp: connected,说明已就绪;若显示disconnected或报错Failed to spawn,大概率是Token填错、网络无法访问modao.cc,或npx未正确安装。

调用墨刀MCP完成具体任务

方法一:生成HTML原型代码
直接对Claude说:“用墨刀MCP生成一个带搜索框和课程卡片的PC端课程列表页面”,Claude会调用gen_html工具返回完整可运行的HTML代码,含响应式布局与现代CSS。

方法二:将生成的HTML导入墨刀空间
在上一步生成HTML后,紧接着说:“把刚才生成的HTML导入我的墨刀个人空间”,Claude会触发import_html工具,自动上传并创建新原型项目。

方法三:生成详细设计说明文档
对Claude说:“基于‘学生选课系统首页’这个需求,用墨刀MCP生成一份设计说明文档”,它会调用gen_description工具,输出含布局逻辑、交互说明、视觉规范的结构化文本。

注意:所有调用均依赖墨刀账户剩余积分,若返回403错误,请登录墨刀检查积分余额——充值后仍报错,需提供用户ID至墨刀官方微信群获取人工支持。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Claude 新手入门教程
Claude 新手入门教程

本专题围绕 Claude 的基础使用与实际应用展开,面向零基础用户与初学者,系统梳理从“认识工具”到“高效使用”的完整路径。

2026.03.27

2062

19

Claude 提示词使用指南
Claude 提示词使用指南

本专题聚焦 Claude 的提示词(Prompt)设计与优化方法,围绕“如何让 AI 更准确理解需求并输出高质量结果”这一核心问题展开。内容从基础结构入手,逐步深入到复杂场景下的提示词构建策略,帮助用户建立清晰、可复用的提示词体系。

2026.03.27

248

20

Claude 进阶使用指南
Claude 进阶使用指南

本专题面向已经具备基础使用经验的用户,深入解析 Claude 在复杂场景中的高阶应用方式,重点解决“如何让 AI 真正参与到实际工作流程中”的问题。让 Claude 成为日常工作中可持续复用的效率引擎,在内容创作、开发实践与信息处理等多个领域实现显著提效。

2026.03.27

271

16

AI Agent 实战指南:从评测到落地
AI Agent 实战指南:从评测到落地

全面评测 Manus AI 与 ChatGPT、Claude、OpenAI Operator 等 AI Agent 产品,分析自动化能力、工作流与实际生产力差异。

2026.05.29

151

15

墨刀AI使用教程大全
墨刀AI使用教程大全

PHP中文网墨刀AI专区提供完整使用教程,涵盖AI生成原型、智能对话、草图识别、代码导出等核心功能,从入门到进阶,助你快速掌握AI设计工具,提升产品设计与协作效率,轻松实现从灵感到高保真原型的一键落地。

2026.06.26

47

10

墨刀AI零基础入门指南
墨刀AI零基础入门指南

PHP中文网推出墨刀AI零基础入门指南与进阶教程合集。从账号注册、界面导览到AI生成原型、智能文档等核心功能,手把手带你从新手快速成长为设计达人,轻松掌握高效产品设计技能!

2026.06.26

57

30

墨刀设计原型工具使用方法合集
墨刀设计原型工具使用方法合集

PHP中文网墨刀设计原型AI工具专区,汇集从入门到精通的实战教程。涵盖AI生成原型、PPT联动及多人协作等核心技巧,助您快速掌握高效设计方法,轻松实现从灵感到高保真原型的跨越,大幅提升产品设计与团队协作效率。

2026.06.26

88

19

墨刀AI提示词教学
墨刀AI提示词教学

本合集由PHP中文网精心整理,为您提供全面的墨刀AI提示词教学。内容涵盖高质量原型撰写公式与实操窍门,助您轻松掌握AI设计工具。无论是零基础入门还是进阶技巧,都能让您快速上手,大幅提升产品设计与协作效率。

2026.08.04

8

21

墨刀AI完整入门
墨刀AI完整入门

PHP中文网为您倾力打造墨刀AI保姆级入门指南完整版!本合集从零基础讲起,涵盖AI生成原型、提示词优化、图片转原型及多轮对话等核心功能。无论您是新手还是进阶用户,都能轻松掌握产品设计全流程。快来PHP中文网,一键解锁高效设计技巧,让想法即刻成型!

2026.08.04

6

20

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
墨刀帮助中心
墨刀帮助中心

共0课时 | 0人学习

Claude Code 快速上手核心指南
Claude Code 快速上手核心指南

共0课时 | 0人学习

Claude Code 官方文档
Claude Code 官方文档

共0课时 | 0人学习