mcpField
D
DingCard

DingCard

ローカル
dingcard.pages.devその他14今日更新
リポジトリ公式サイト

DingCard について

DingCardは、AIクライアントからソーシャルカード、ポスター、スライドを作成・編集できるMCPサーバーです。レイアウト確認やファイル出力に対応し、ブラウザーのエディターで人が編集を続けられます。

主な機能

  1. 01テンプレート・内容・アウトラインから文書を作成
  2. 02文書の確認と編集
  3. 03出力前のレイアウト問題チェック
  4. 04PNG、JPG、PDF、長尺画像の出力
  5. 05ブラウザーエディターでデザインを開く

活用シーン

  1. 01テンプレートからソーシャルカードを作成
  2. 02出力前に文字切れやコントラストの問題を確認
  3. 03スライドをPDFまたはページ画像で出力
  4. 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.0

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

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

DingCard 的 MCP 服务器。DingCard 是一款用于制作社交卡片、海报和幻灯片的开源编辑器。AI クライアント可以填充模板，或将自己的 HTML 转换为可编辑页面；可以按照导出效果检查结果（包括文字被裁切或重叠、对比度过低、示例文案残留、大块空白区域），渲染 PNG、JPG、PDF、长图或 3×3 网格，并将设计交给浏览器编辑器，让人完成后续修改。此服务器需要 Node.js 22+ 和 Google Chrome；请将上述配置添加到 MCP クライアント中。工具说明使用中文编写。

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。