mcpField
M
markitup-mcp-server

markitup-mcp-server

本地服务
markitup.app媒体与设计220 周前更新

关于 markitup-mcp-server

markitup-mcp-server 将 MCP 客户端接入 MarkItUp 的图像标注与营销视觉生成服务,提供生成多种方案、重新生成、扩展画布和移除背景等工具。

主要功能

  1. 01生成 3 种营销图像方案
  2. 02重新生成选定方案
  3. 03将图像扩展到新宽高比
  4. 04移除图像背景
  5. 05查询额度与订阅状态

适用场景

  1. 01根据截图制作营销视觉素材
  2. 02为生成结果尝试其他设计
  3. 03扩展画布以适配不同尺寸
  4. 04制作透明背景的产品图

MCP 相关

向 MCP 客户端提供 5 个 MarkItUp 工具,用于查询额度以及生成、重新生成、扩展图像或移除背景。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"smythmyke-markitup": {
"command": "npx",
"args": [
"-y",
"markitup-mcp-server"
],
"env": {
"MARKITUP_API_KEY": "<MARKITUP_API_KEY>",
"MARKITUP_API_BASE": "<MARKITUP_API_BASE>"
}
}
}
}
启动命令npx -y markitup-mcp-server
需要配置的环境变量
MARKITUP_API_KEY密钥API key minted at https://markitup.app/dashboard/. Required.
MARKITUP_API_BASEOverride the API base URL. Default: https://markitup.app/api/v1

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npmmarkitup-mcp-server0.1.1

工具

5

收录的工具列表 · 更新于 2 周前

此工具无需参数。

详细介绍

markitup-mcp-server

npm version MCP Registry Glama smithery badge License: MIT

适用于 MarkItUp 的 MCP(Model Context Protocol)服务,可用于 AI 驱动的图像标注和营销视觉素材生成。让 Claude Code、Claude Desktop、Cursor、支持 MCP 的 ChatGPT 及其他兼容 MCP 的客户端能够直接调用 MarkItUp。

提供五种工具:markitup_credit_balance、markitup_generate、markitup_regen、markitup_extend、markitup_remove_background。

前置条件

  1. MarkItUp 账号——在 https://markitup.app 注册。
  2. MarkItUp API 密钥——在 https://markitup.app/dashboard 生成。
  3. Node.js 18 或更高版本(仅在本地安装时需要;如果 MCP 客户端自带 Node.js,则使用 npx 无需本地安装 Node.js)。

在 Claude Code 中配置

将以下内容添加到 MCP 配置文件(~/.claude/mcp.json 或项目范围的 .mcp.json):

{
  "mcpServers": {
    "markitup": {
      "command": "npx",
      "args": ["-y", "markitup-mcp-server"],
      "env": {
        "MARKITUP_API_KEY": "mk_live_..."
      }
    }
  }
}

在 Claude Desktop 中配置

编辑 ~/Library/Application Support/Claude/claude_desktop_config.json(macOS)或 %APPDATA%\Claude\claude_desktop_config.json(Windows):

{
  "mcpServers": {
    "markitup": {
      "command": "npx",
      "args": ["-y", "markitup-mcp-server"],
      "env": {
        "MARKITUP_API_KEY": "mk_live_..."
      }
    }
  }
}

在 Cursor 中配置

Cursor 使用相同的 JSON 格式。依次选择“Settings”→“MCP”→“Add Server”:

{
  "mcpServers": {
    "markitup": {
      "command": "npx",
      "args": ["-y", "markitup-mcp-server"],
      "env": { "MARKITUP_API_KEY": "mk_live_..." }
    }
  }
}

工具

markitup_credit_balance

返回当前余额和订阅状态。

不需要参数。可用于验证 API 密钥是否有效,以及在调用生成工具前检查额度。

markitup_generate

根据截图生成 3 种精美的营销视觉素材。消耗 1 个额度。

参数类型必填描述
descriptionstring是描述图像内容以及需要突出显示的内容
template_idstring是可选 glassmorphic、clean_minimal、bold_marketing、dark_professional、documentation 等模板之一
image_urlstring二选一源图像的公开 HTTPS URL
image_base64string二选一以 Base64 编码的图像字节(不含 data: 前缀)
image_mime_typestring否提供 image_base64 时使用的 MIME 类型。默认值:image/png
aspect_ratiostring否可选 1:1、3:2、2:3、3:4、4:3、4:5、5:4、9:16、16:9、21:9 之一
image_sizestring否1K、2K 或 4K

返回:营销文案(标题、副标题)以及 3 种生成的图像变体,均以 Base64 图像内容块的形式提供。完整的结构化响应也可通过 structuredContent 获取。

提示词示例(在 Claude Code 中):

使用 markitup_generate 处理 https://example.com/dashboard.png 上的截图——突出显示导出按钮,并使用 bold_marketing 模板将其用于营销落地页宣传。

markitup_regen

根据先前 markitup_generate 调用的结果重新生成一种变体。默认消耗 1 个额度(设置 charge_credit: false 可跳过扣费)。

LLM 必须传回先前生成结果 structuredContent.text 中的 text_analysis 对象,以确保重新生成的视觉素材保持相同的品牌风格和标题/副标题。variation_index 用于选择对应位置(0–2)。

markitup_extend

AI 扩图——将图像扩展到更大的画布/不同的宽高比。消耗 1 个额度。

参数类型必填描述
image_url / image_base64string二选一源图像
aspect_ratiostring是目标比例(16:9、9:16 等)
target_width / target_heightnumber是输出像素尺寸
image_sizestring否1K、2K 或 4K
markitup_remove_background

通过 Photoroom 的 HD 模型移除图像背景。返回透明 PNG。消耗 1 个点数(活跃的 Pro/Power 订阅用户可免费使用)。

参数类型必填说明
image_url / image_base64string二选一源图像

环境变量

变量必填说明
MARKITUP_API_KEY是从 MarkItUp 控制面板获取的 API 密钥
MARKITUP_API_BASE否覆盖 API 基础 URL。默认值:https://markitup.app/api/v1。适用于针对预发布环境进行测试。

本地开发

git clone https://github.com/markitup/mcp-server.git
cd mcp-server
npm install
npm run build

# Point your MCP client config at the local build:
{
  "command": "node",
  "args": ["/absolute/path/to/mcp-server/dist/index.js"],
  "env": { "MARKITUP_API_KEY": "mk_test_..." }
}

安全

  • 切勿将 MARKITUP_API_KEY 提交到源代码管理中。
  • 如果密钥意外泄露,请立即前往 https://markitup.app/dashboard 撤销密钥并创建新密钥。
  • 服务器会对密钥进行 SHA-256 哈希处理;原始密钥仅在创建时显示一次。

错误

对于常见情况,服务器会提供清晰易懂的错误信息:

  • Invalid or missing MARKITUP_API_KEY — 设置或轮换密钥。
  • Out of MarkItUp credits — 前往 https://markitup.app/credits 充值。
  • Rate limit exceeded — 稍等片刻后重试。

许可证

MIT

评论

支持 Markdown

第一次接触 MCP?

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

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