AI 支援開発のために

システム構成図をチャット履歴に埋もれさせない。

ClaudeChatGPTCursor にシステム図を描かせると、DiagramZu がその図に居場所を与えます——バージョン管理され、描画され、チームと共有できます。

課題

図はスクリーンショットに閉じ込められる。

チャット履歴に埋もれる

AI が生成した図は3日前の会話の奥にあり、誰もそこまでスクロールしません。

公開した瞬間に陳腐化

ドキュメントに貼った PNG は、コードが進むと再描画できません。

引き継げない

新しいメンバーは構成を一から推測するしかありません。

使い方

プロンプトから共有図まで3ステップ。

  1. 01

    エージェントが提案し、DiagramZu が描く。

    Claude のプランモード(または任意の MCP クライアント)が Mermaid を書き、ここに保存します。すべての図は、次のエージェントが読める説明文と共に届きます。

  2. 02

    ビュー優先モードでレビュー。

    図を開いてパン・ズーム、レイアウト(Dagre または ELK)を切り替え、必要ならコードを並べて調整。すべての保存がスナップショットになります。

  3. 03

    チームに渡す。

    公開リンク1つ、パン・ズーム可、ログイン不要。バージョン履歴も組織の記憶として一緒に渡せます。

エージェントネイティブ

Model Context Protocol のために設計。

DiagramZu は MCP サーバーで、ツールは8つ——作成・取得・更新・一覧・フォルダ閲覧・バージョン履歴・図の分析。Claude Code・Cursor・独自エージェントが図を直接読み書きします。コピペ不要。

Claude Code に追加
claude mcp add --scope user --transport http diagramzu https://mcp.diagramzu.ai/mcp \
  --header "Authorization: Bearer dz_live_xxx"
  • 2:14 PMストリーミングワーカーを追加Claude による
  • 1:48 PM読み書き経路を分離Claude による
  • 1:31 PM初期システム図あなたによる
  • 12:55 PM初期化Claude による

バージョン履歴

すべての変更が、記録される。

保存するたびに、バージョン付きのスナップショットが残ります。履歴ドロワーを開けば、アーキテクチャがどう動いたか、先週火曜に AI が何を変えたか、なぜ変えたかが見えます。図そのものが記録になります——いまは人が、あとから次のエージェントが読みます。

できること

図に必要なすべて。

フォルダ

スペースごとに図を入れ子で整理。

公開共有

パン&ズーム可能な閲覧専用リンク、アカウント不要。

多言語対応

English・繁體中文・简体中文・日本語に標準対応。

リアルタイム描画

コードの変更に合わせて図が更新。

レイアウトエンジン

図ごとに Dagre と ELK を切り替え——システムの形に合うレイアウトを選べます。

AI による図の分析

エージェントは analyze_diagram で Mermaid ソースだけでなく描画後の形を読み取り、絵そのものへフィードバックを返せます。

何のためのものか

DiagramZu が想定する3つのワークフロー。

AI の提案をレビューする

600行の AI 提案文を読むより、図を見るほうが速い。エージェントが図を置き、あなたがここで承認します。

アーキテクチャをチームに渡す

共有リンク1つ。バージョン履歴がシステムの変遷を記録。新メンバーは古い wiki ではなく、生きた地図を見ます。

プレゼンで使い回す

CTO がレビューする図がそのまま CEO・CPO の資料にも載ります。エンジニアリングと経営、どちらも同じ図を見ます。

AI の図に居場所を。

無料で開始。すでに使っているツールと連携。