mcpField
D
DingCard

DingCard

Local
dingcard.pages.devOther14Updated today
RepositoryVisit website

About DingCard

DingCard is an MCP server for AI clients to create and edit template-based social cards, posters, and slide decks. It can check layouts, render files, and open designs in the browser editor for further human editing.

Key features

  1. 01Create documents from templates, content, or outlines
  2. 02Inspect and modify documents
  3. 03Check layout issues before export
  4. 04Render PNG, JPG, PDF, or long images
  5. 05Open designs in the browser editor

Use cases

  1. 01Create a social card from a template
  2. 02Find clipping or contrast issues before export
  3. 03Export a deck as PDF or page images
  4. 04Hand a generated design to a person for editing

MCP support

Exposes DingCard document creation, inspection, editing, checking, rendering, and editor handoff tools to MCP clients. Documents are stored server-side and shared between tools by documentId.

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

mcp.json · Universal config
{
  "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>"
      }
    }
  }
}
Run commandnpx -y dingcard-mcp
Environment variables to set
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_TOKENSecretAPI token for DINGCARD_SERVER_URL (scopes: images and shares; drafts for projects)

Local servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.

Packages
npmdingcard-mcp0.61.0

Tools

No tool list yet

Local servers expose tools only once running on your machine, and the maintainer has not provided a tool list.

Details

From the project 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.

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.