English Français العربية

DingCard

Official registry Productivity

Make posters, social cards and slide decks from templates, check the layout, render PNG, JPG or PDF

Source code Website

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

NPM package dingcard-mcp
Claude Code 
claude mcp add dingcard -e 'DINGCARD_FONTS_URL=<DINGCARD_FONTS_URL>' -e 'DINGCARD_CHROME_PATH=<DINGCARD_CHROME_PATH>' -e 'DINGCARD_SERVER_URL=<DINGCARD_SERVER_URL>' -e 'DINGCARD_SERVER_TOKEN=<your dingcard_server_token>' -- npx -y dingcard-mcp@0.61.0
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "dingcard": {
            "command": "npx",
            "args": [
                "-y",
                "dingcard-mcp@0.61.0"
            ],
            "env": {
                "DINGCARD_FONTS_URL": "<DINGCARD_FONTS_URL>",
                "DINGCARD_CHROME_PATH": "<DINGCARD_CHROME_PATH>",
                "DINGCARD_SERVER_URL": "<DINGCARD_SERVER_URL>",
                "DINGCARD_SERVER_TOKEN": "<your dingcard_server_token>"
            }
        }
    }
}

Environment variables

  • DINGCARD_FONTS_URL Where to download web fonts instead of https://fonts.googleapis.com, e.g. https://fonts.googleapis.cn
  • DINGCARD_CHROME_PATH Path to Chrome when it is not installed in the usual place (used for checks and renders)
  • DINGCARD_SERVER_URL A deployed DingCard server, for share links and saved projects
  • DINGCARD_SERVER_TOKEN secret API token for DINGCARD_SERVER_URL (scopes: images and shares; drafts for projects)

Frequently asked questions

What is DingCard?

Make posters, social cards and slide decks from templates, check the layout, render PNG, JPG or PDF

How do I install DingCard?

It runs on your machine. In Claude Code: claude mcp add dingcard -e 'DINGCARD_FONTS_URL=<DINGCARD_FONTS_URL>' -e 'DINGCARD_CHROME_PATH=<DINGCARD_CHROME_PATH>' -e 'DINGCARD_SERVER_URL=<DINGCARD_SERVER_URL>' -e 'DINGCARD_SERVER_TOKEN=<your dingcard_server_token>' -- npx -y dingcard-mcp@0.61.0. For other clients, paste the JSON configuration from this page into their MCP settings.

Does DingCard need an API key?

Yes. It expects DINGCARD_SERVER_TOKEN, which you set in its configuration.

Is DingCard open source?

Its code is public on GitHub, but the repository does not declare a standard license.

Who maintains DingCard?

It is published by lottshin. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.