DingCard

本地服务

dingcard.pages.dev其他14今天更新

代码仓库访问官网

关于 DingCard

DingCard 是供 AI 客户端使用的 MCP 服务，可创建和编辑社交卡片、海报及幻灯片。它还能检查布局、渲染文件，并在浏览器编辑器中打开设计供人工继续修改。

主要功能

01从模板、内容或大纲创建文档
02检查并修改文档
03导出前检查布局问题
04渲染 PNG、JPG、PDF 或长图
05在浏览器编辑器中打开设计

适用场景

01用模板制作社交卡片
02导出前查找裁切或对比度问题
03将幻灯片导出为 PDF 或逐页图片
04把生成的设计交给他人继续编辑

MCP 相关

它向 MCP 客户端提供 DingCard 文档创建、检查、修改、渲染及交接到编辑器等工具。文档保存在服务端，各工具通过 documentId 传递文档引用。

配置

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

mcp.json · 通用配置

{
  "mcpServers": {
    "lottshin-dingcard": {
      "command": "npx",
      "args": [
        "-y",
        "dingcard-mcp"
      ],
      "env": {
        "DINGCARD_FONTS_URL": "<DINGCARD_FONTS_URL>",
        "DINGCARD_CHROME_PATH": "<DINGCARD_CHROME_PATH>",
        "DINGCARD_SERVER_URL": "<DINGCARD_SERVER_URL>",
        "DINGCARD_SERVER_TOKEN": "<DINGCARD_SERVER_TOKEN>"
      }
    }
  }
}

启动命令npx -y dingcard-mcp

需要配置的环境变量

DINGCARD_FONTS_URLWhere to download web fonts instead of https://fonts.googleapis.com, e.g. https://fonts.googleapis.cn

DINGCARD_CHROME_PATHPath to Chrome when it is not installed in the usual place (used for checks and renders)

DINGCARD_SERVER_URLA deployed DingCard server, for share links and saved projects

DINGCARD_SERVER_TOKEN密钥API token for DINGCARD_SERVER_URL (scopes: images and shares; drafts for projects)

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

安装包

npmdingcard-mcp0.61.0stdio

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具，维护者暂未提供工具列表。

详细介绍

来自项目 README

dingcard-mcp

叮卡（DingCard）的 MCP 服务器：让 AI 客户端直接生成、检查、修改和导出叮卡的自由画布卡片，再一步交给编辑器让人接着改。

生成：create_document_from_template、create_document_from_content、create_document_from_outline
查看与修改：inspect_document、apply_actions（与编辑器同一个归约器）、list_assets（图标、装饰、配色字体、花字、拼图、滤镜）
写法：get_guide（按主题读文档、动作、内容和导出的完整写法）
检查：check_document（按导出的样子排版后列出看得见的问题）
导出：render_document（逐页 PNG / JPG、一个 PDF 或一张长图）、render_markdown
交给人：open_in_editor（在浏览器里的叮卡编辑器打开）、get_document

服务端保存它创建和修改的文档，工具之间传 documentId 即可，不必来回传整份 JSON；图片可以直接写本机文件路径，会自动嵌入。

接入

{
  "mcpServers": {
    "dingcard": { "command": "npx", "args": ["-y", "dingcard-mcp"] }
  }
}

需要 Node.js 22 以上和本机安装的 Chrome（渲染、检查用）。渲染用到的网页字体从 Google Fonts 下载，下载过的存在本机；连不上时设 DINGCARD_FONTS_URL（例如 https://fonts.googleapis.cn）换一个字体源。要 share_document 把作品变成分享链接，再设 DINGCARD_SERVER_URL（部署的叮卡地址）和 DINGCARD_SERVER_TOKEN（一个 API 令牌，需要 images、shares 权限），或 DINGCARD_SERVER_USERNAME / DINGCARD_SERVER_PASSWORD（一个叮卡账号）。完整说明见 docs/mcp.md。

English

The MCP server of DingCard, an open-source editor for social cards, posters and slide decks. AI clients fill templates or turn their own HTML into editable pages, check the result the way it will be exported (clipped or overlapping text, low contrast, leftover sample copy, large empty bands), render PNG, JPG, a PDF, a long image or a 3×3 grid, and hand the design to the browser editor for a person to finish. It needs Node.js 22+ and Google Chrome; add the configuration above to your MCP client. Tool descriptions are written in Chinese.

支持 Markdown

登录后评论