保姆级教程:教你0基础搭建个即梦画图MCP服务

人人都是产品经理
2025-06-12 07:45

过去两个月,我的所有文章、视频、直播封面图片素材都是用即梦生成的,并且提示词已经完全制式化。

图片

提示词 =封面文字+背景色调+插画配饰

于是我决定把这个已经完全标准化的流程变成一个可以随手使用的工具。

开始是想使用即梦的 API 写个应用,但是考虑到要打包、配置、部署巴拉巴拉的太麻烦,后来决定写个 MCP。

效果如下:

jimengpic-mcp
jimengpic-mcp

从想法确定,到写出来运行,累计耗时 20 分钟,下面是教程。

0基础盲写

关于 MCP 通俗易懂的介绍,可以移步这篇文章查看。

MCP 本质上就是个Function Call,但考虑到大模型对 Function Call 这项技术也不是很熟悉,我们需要在写提示词时候介绍一下。

下面是写这个使用即梦 API 绘图 MCP 服务的提示词:

@https://www.volcengine.com/docs/85621/1537648 根据即梦生成图片的 API 文档,参考项目目录下`weather-server-typescript`的代码示例,为我创建一个`jimengpic-mcp`的 MCP 服务。


- 工具描述:当用户需要生成图片时,调用这个工具。


- 工具输入:


- text:用户需要在图片上显示的文字,从输入中提取


- illustration:根据用户要显示的文字,提取 3-5 个可以作为图片配饰的插画元素关键词


- color:图片的背景主色调,从用户输入中提取


- ratio:图片的比例,支持4:3:512*384;3:4:384*512;16:9:512*288;9:16:288*512



- 将以上参数拼接为 prompt 作为绘图的提示词,调用 API。prompt 拼接方式:`字体设计:“{text}”,黑色字体,斜体,带阴影。干净的背景,白色到{color}渐变。点缀浅灰色、半透明{illustration}等元素插图做配饰插画。`



- 工具服务输出:生成图片的url


即梦的 API Key 以环境变量形式提供


把 MCP 服务放在单独的文件夹中。

剩下的就是等着Cursor把代码给你写完

图片

解释一下提示词:

因为懒得提供 API 文档,所以贴了链接。

(但是看 Cursor 干活的效果不是很好,它没进链接看而是自己搜索的……)

我从 MCP 官方 quickstart 里下载了 ts 版的示例给 Cursor 参考,如果你习惯用 Python 可以给它 Python 版示例。

剩下就是工具的描述了,我把上面的绘画提示词拆成了 3 个变量:

  • • 图片上显示的文字
  • • 背景色调
  • • 配图插画元素

前两个是我输入的,第三个是让客户端 AI 根据文字生成的。

这里可能有点绕,我简单捋一下:

我们的绘图需求会先发给支持 MCP 的客户端,客户端里的 AI 会对我的提示词做处理,整理成调用这个 MCP 需要的格式。这个步骤是可以发挥大模型能力的。

整理好的格式用来调用 MCP,请求即梦 API,等待返回。

客户端里的 AI 会把客户端返回的内容润色成更好的样式,比如原本我只需要 MCP 返回图片链接,但是链接在客户端里是不好预览的,所以这个 AI 会整理成 Markdown 格式。

但是也看 AI,有些低智的甚至会吞掉你的链接……

配置和使用

Cursor 写完代码会告诉你如何使用(有时候也会自作主张的替你测试,喜欢你就由着它来)。

为防止“你和 Cursor 都不太懂,越搞越乱”的情况,简单讲一下:

  1. 1. 从即梦网页版右上角「API调用」进入火山引擎开通 API 服务
  2. 2. 去秘钥控制台获取ACCESS_KEYSECRET_KEY
  3. 3. 在代码目录下运行npm installnpm run build构建完整服务代码
  4. 4. 在支持 MCP 的客户端配置如下信息:
{


"mcpServers":{


"jimengpic":{


"command":"node",


"args":["/代码路径/jimengpic-mcp/build/index.js"],


"env":{


"JIMENG_ACCESS_KEY":"你的AccessKey",


"JIMENG_SECRET_KEY":"你的SecretKey"


}


}


}


}

然后,你就可以直接在客户端让 AI 给你画图了。

在提示词中包含生成图片来触发 MCP 调用,然后包含文字+主色调+尺寸三个必须的信息即可。

这个 MCP 的最高效使用路径是配置到 Raycast 里,毕竟配置到其他 AI 客户端的使用路径跟打开即梦、写提示词、等输出没啥区别。

如果你实在不想练手写一个,可以在文末获取完整代码开源链接。

邀请你也来聊AI

我从 23 年开始和起点课堂一起运营「AI学习行动圈」,截止到此刻已更新 1500+主题,与接近 4000 关注 AI 的实战派在过去 500+ 天里每天讨论、交流 AI 实战应用。

学习圈目前有 3 个核心的学习交流“阵地”:

  1. 1. 知识星球: 知识资料技巧沉淀的核心渠道,随时可查阅
  2. 2. 微信交流群: 目前 6 个群,每天都有圈友交流分享 AI 使用心得
  3. 3. 吹水局直播: 工作日晚 19:30-21:30,每场一个 AI 应用主题

阵地一:知识星球

我在星球里主要维护「实战分享」「工具箱」和「情报局」三个标签

图片

实战分享是可以在日常工作和生活中直接应用的提示词和效率工具。上面截图里的 Step-Back 提示词就非常好用,堪比 o4。在公众号、直播中演示的所有 AI 实战应用的提示词也都在这个标签下。

AI 工具和鲜知道就是好用的、热门的 AI 工具、资讯分享,我把那些太技术、太浮夸的都筛选了,放进这个标签的都是可以直接用来的好玩儿!

星球还有一个“专栏”体系,目前的定位跟标签差不多。

图片

如果你正在找一个 能第一时间了解最新、实用的 AI 资讯和实战技巧 ,遇到任何 AI 应用问题能 随时找到同行人交流、请教、讨论 的圈子,

阵地二:微信交流群

我们为圈友配了微信交流群,现在 6 群快满了。

微信群里每天一早有 AI 早报,上下午还有“读报时间”,以及我每天不定期刷屏级的各种 AI 工具体验、提示词编排思考、行业新闻解读同步。

图片

以及,你可以在群里讨论任何与 AI 相关的工具、应用问题,几乎都能找到答案。

图片

如果你正在找一个 能第一时间了解最新、实用的 AI 资讯和实战技巧 ,遇到任何 AI 应用问题能 随时找到同行人交流、请教、讨论 的圈子,

立刻扫码领取 50 元立减金加入

星球优惠券 (1).png

阵地三:AI吹水局直播

刚复盘我专门去视频号后台看了一下直播记录,过去一年一共为学习圈做了 130 场 AI 应用、实战、热点解读相关的直播,累计肝了 257 小时!

图片
有十几场仅学习圈成员可观看的闭门直播,平均观看时长都是 1 个多小时,有时逼近接近 2 小时!


图片
图片

没点干货,平均停留时长到不了这水平的。

如果你正在找一个 能第一时间了解最新、实用的 AI 资讯和实战技巧 ,遇到任何 AI 应用问题能 随时找到同行人交流、请教、讨论 的圈子,

立刻扫码领取 50 元立减金加入

图片


开源地址:https://github.com/comeonzhj/jimengpic-mcp

打不开 Github 可以在星球查看:https://t.zsxq.com/w3bag

引用文章

关键词标签:

新加关键词

配置

知识图谱

选择来源
  • {{item.text}}
  • 写作

  • {{item.text}}
  • 序号
    标题
    内容
    操作
  • 序号
    菜单名
    链接地址
    操作

栏目选择

智库

文章目录

保存 关闭

目录定位