@diagrammo/dgmo-mcp

DGMO図をレンダリングするためのMCPサーバーです。Claude Desktop、Claude Code、およびMCP互換のあらゆるAIツールで動作します。

ツール

preview_diagram

1つ以上のDGMO図をSVGにレンダリングし、デフォルトのブラウザで自己完結型のHTMLページを開きます。このページには、ライト/ダークテーマの切り替え機能とレスポンシブなSVGレイアウトが含まれています。

単一の図はシンプルなプレビューページとしてレンダリングされます。複数の図がある場合は、レポート形式のレイアウトが生成され、（3セクションを超える場合に）目次が表示されます。一部の図のレンダリングに失敗した場合、成功した図が表示され、失敗した箇所にはエラーのプレースホルダーが表示されます。

generate_report

洗練されたマルチセクションのHTMLレポートを生成し、オプションでブラウザで開きます。タイトル、オプションのサブタイトル、自動生成された目次、セクションごとの説明、タイムスタンプ付きのフッターが含まれます。プロジェクト分析を共有可能なドキュメントにまとめるのに適しています。

Related MCP server: drawio

セットアップ

Claude Code

プロジェクトの .claude/settings.local.json に追加してください：

{
  "mcpServers": {
    "dgmo": {
      "command": "npx",
      "args": ["-y", "@diagrammo/dgmo-mcp"]
    }
  }
}

Claude Desktop

~/Library/Application Support/Claude/claude_desktop_config.json に追加してください：

{
  "mcpServers": {
    "dgmo": {
      "command": "npx",
      "args": ["-y", "@diagrammo/dgmo-mcp"]
    }
  }
}

保存後、Claude Desktopを再起動してください。ツールが自動的に表示されます。

開発

pnpm install
pnpm build
pnpm typecheck

../dgmo にチェックアウトされた未公開の @diagrammo/dgmo に対してイテレーションを行うには、インストール後にnpmで解決された依存関係をワークスペースのシンボリックリンクで上書きします：

pnpm install
pnpm link ../dgmo   # symlink node_modules/@diagrammo/dgmo → ../dgmo
pnpm --filter @diagrammo/dgmo build   # ensure dist/ is up to date

pnpm install を実行するとリンクが解除されるため、依存関係が変更された場合は pnpm link ../dgmo を再実行してください。

リリース

リリースは .github/workflows/release.yml を介したタグ駆動型です：

1. 3つのファイルすべてのバージョンを更新します（ワークフローが検証するため、完全に一致させる必要があります）：

   • package.json → version

   • manifest.json → version

   • server.json → version および packages[0].version

2. コミットしてタグ付けします：

   git commit -am "Release vX.Y.Z"
   git tag vX.Y.Z
   git push && git push --tags

3. ワークフローが型チェックとビルドを実行し、provenance（来歴）付きでnpmに公開し、.mcpb をバンドルし、GitHub OIDC経由でMCPレジストリに公開し、GitHubリリースに .mcpb を添付します。

必要なシークレット

• NPM_TOKEN — @diagrammo/* への書き込み権限を持つnpmの粒度の細かいアクセストークン。Settings → Secrets and variables → Actions → New repository secret から設定します。

MCPレジストリの認証は、リポジトリが diagrammo 組織にあり、サーバーの名前空間が io.github.diagrammo/* であるため、GitHub OIDCを自動的に使用します（トークンは不要です）。