mcpField
U
Umlout

Umlout

リモート
umlout.comメディア・デザイン03 週間前に更新
リポジトリ公式サイト

Umlout について

Umloutは、ビジュアルホワイトボード上でプロジェクトを作成・編集するホスト型MCPサーバーです。UML図、フローチャート、ワイヤーフレーム、計画ボード、間取り図、アーキテクチャ図を扱うチーム向けで、プロジェクトのオブジェクトや関係を複数のボードで使えます。

主な機能

  1. 01プロジェクトとボードの作成・管理
  2. 02オブジェクトの型、フィールド、関係の定義
  3. 03UML図とフローチャートの作成
  4. 04ワイヤーフレームと計画ボードの作成
  5. 05AWS、Azure、Kubernetesアイコンの利用
  6. 06コメント、ファイル、削除項目の管理

活用シーン

  1. 01要件からUML図を作成
  2. 02OpenAPI仕様からコンポーネント図を作成
  3. 03モバイルフローをワイヤーフレーム化
  4. 04ボード上の状態と遷移を確認

MCP 対応

`https://www.umlout.com/mcp/http`でホスト型のStreamable HTTP MCPサーバーを提供します。MCPクライアントはツールと読み取り専用リソースを使い、認証済みアカウントのプロジェクトを作成・編集できます。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://www.umlout.com/mcp/http
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

すべてのエンドポイント
Streamable HTTPhttps://www.umlout.com/mcp/http認証が必要

ツール

詳細

Umlout MCP サーバー

AI アシスタントを、実際のホワイトボードで活用できます。

Umlout はホスト型のModel Context Protocolサーバーを公開しているため、Claude、Cursor、VS Code Copilot など、あらゆる MCP クライアントから Umlout のワークスペースでプロジェクトを作成・編集できます。UML クラス図、シーケンス図、アクティビティ図、状態図、フローチャート、ワイヤーフレーム、アジャイル・計画ボード、フロアプラン、ダッシュボード、AWS・Azure・Kubernetes のアイコンセットを使ったクラウドアーキテクチャを作成できます。

インストールも実行も不要です。サーバーは https://www.umlout.com/mcp/http(Streamable HTTP)でホストされています。旧 SSE アドレスの /mcp/sse も引き続き応答しますが、SSE セッションはサービスの再起動後に維持されないため、手動で再接続するまで、デプロイのたびに接続先のクライアントでエラーが発生します。/mcp/http を使用してください。 必要なのは API キーだけです。


クイックスタート

1. API キーを取得します。 umlout.com にサインインし、Profile → AI clients を開いてクライアントを選び、キーを作成します。プロフィールページには、キーが入力済みのクライアント用の設定がそのまま表示されます。

2. クライアントにサーバーを追加します。

Claude Code
claude mcp add --transport http umlout https://www.umlout.com/mcp/http --header "Authorization: Bearer YOUR_API_KEY"

プロジェクトスコープなど、その他のオプションについては、examples/claude-code.md を参照してください。

Cursor · VS Code

~/.cursor/mcp.json:

{
  "mcpServers": {
    "umlout": {
      "url": "https://www.umlout.com/mcp/http",
      "headers": { "Authorization": "Bearer YOUR_API_KEY" }
    }
  }
}

VS Code では形式が異なり、mcpServers ではなく servers、さらに "type": "http" を使用します。そのため、.vscode/mcp.json には examples/vscode.json を使用してください。キーの入力を求められ、コミット対象のファイルではなく VS Code のシークレットストレージに保存されます。

Claude Desktop — mcp-remote ブリッジ経由

Claude Desktop の設定ファイルにはリモート URL を直接指定できないため、mcp-remote(Node.js が必要です)経由で接続します。~/Library/Application Support/Claude/claude_desktop_config.json(macOS)または %APPDATA%\Claude\claude_desktop_config.json(Windows)を編集してください。

{
  "mcpServers": {
    "umlout": {
      "command": "npx",
      "args": [
        "-y", "mcp-remote", "https://www.umlout.com/mcp/http",
        "--header", "Authorization: Bearer YOUR_API_KEY"
      ]
    }
  }
}

その後、Claude Desktop を完全に終了してから再度開いてください。ウィンドウを閉じるだけでは不十分です。

Codex · Gemini CLI · Antigravity · Devin Desktop · その他のクライアント

Codex ではキーを設定ファイルに保存せず、環境変数から読み込みます。詳しくは examples/codex.md を参照してください。

その他のクライアントでは、アドレスと headers オブジェクトを含む JSON ファイルを使用します。異なるのはアドレスフィールドの名前だけです。

クライアントファイルアドレスフィールド
Cursor~/.cursor/mcp.jsonurl
Gemini CLI~/.gemini/settings.jsonhttpUrl
Antigravity~/.gemini/config/mcp_config.jsonserverUrl
Devin Desktop(旧 Windsurf)その mcp_config.json(MCPs → View raw config)serverUrl
{
  "mcpServers": {
    "umlout": {
      "serverUrl": "https://www.umlout.com/mcp/http",
      "headers": { "Authorization": "Bearer YOUR_API_KEY" }
    }
  }
}
ChatGPT · Claude connectors · Grok — アドレスだけを指定するクライアント

キーは不要です。クライアントに https://www.umlout.com/mcp/http を指定してください。サインインしてアクセスを許可する Umlout のページが開きます。docs/authentication.md を参照してください。

3. ボードを依頼します。

プロジェクト「Auth」を作成し、その中のボードに OAuth2 認可コードフローの UML シーケンス図を描いてください。

いつでも設定を確認できます。

python3 scripts/check_connection.py --api-key YOUR_API_KEY

できること

12 の領域にわたる 95 個のツールに加え、読み取り専用リソースが 4 個あります。すべての引数を含む完全なリファレンスはこちらです: docs/tools.md および docs/resources.md。

Umlout はプロジェクトを保存し、ボードはそのビューの 1 つです。プロジェクトにはオブジェクトが含まれます。各オブジェクトは名前と、必ず 1 つのタイプ、独自のプロパティ、説明を持ちます。また、オブジェクト間の関係も含まれます。ボード上の図形はオブジェクトを描いたものなので、同じオブジェクトを 5 つのボードに描いても、オブジェクトは 1 つのままです。ボード上の線は関係を描いたものです。

領域アシスタントにできること
プロジェクトプロジェクトの作成、一覧表示、読み取り、名前変更、公開共有、削除
ボードプロジェクト内でのボードの作成、名前による検索、名前変更、カメラの移動、クリア、削除、復元
オブジェクトとフォルダー1 回の呼び出しでオブジェクト、フォルダー、関係を作成し、更新、重複の統合、オブジェクト専用の詳細ボードの作成
関係UML の詳細情報を含む関係の作成と更新、関係の方向の反転
タイプとフィールドカタログのタイプの参照、プロジェクト独自のタイプの定義、各タイプのフィールド(テキスト、数値、はい/いいえ、選択肢、Markdown、参照、カウンター、計算、ファイル、ペアのリスト)と、そのタイプのオブジェクトを描画するテンプレートの記述
共有フィールドフィールドを一度定義して、複数のタイプで使用
図形と接続オブジェクトの図形や自由図形、区画を持つ UML クラス、UML 表記の接続、シーケンスメッセージ、カスタムアンカーポイントの描画。1 回につき 1 つ、または呼び出しごとに数百個の更新と削除
複合図形とパレット図形のセットを 1 つのカードとして保存して再配置し、以前のコピーを再描画。ツールバーのパレットを整理
ファイルプロジェクトへのファイルのアップロード、名前変更、削除、復元。Image 図形での画像の表示
コメント任意の図形や線に対するコメントと返信の追加、一覧表示、解決、削除
削除済みアイテムプロジェクト内で削除されたボード、オブジェクト、関係、タイプ、共有フィールド、ファイルの一覧表示と復元
プランと上限プランの割り当て上限と、レート制限の残りの使用枠の確認

図形の語彙には、205 種類の図形(基本図形、UML(クラス、ユースケース、状態、アクティビティ、シーケンス、コンポーネント、デプロイメント、タイミング)、フローチャート、チャートとダッシュボードの図形、アジャイルと振り返り用のカード、ステージとタスクを含む計画、間取り図、そしてワイヤーフレームのフルキット)に加え、AWS、Azure、Kubernetes のアイコンライブラリが含まれます。

試してみる価値のある依頼
  • 「この OpenAPI 仕様をコンポーネント図にしてください。」
  • 「モバイルのオンボーディングフローをワイヤーフレームとしてスケッチしてください。画面は 3 つです。」
  • 「『Checkout』ボードを読んで、出力遷移がない状態を教えてください。」
  • 「次の要件からプロジェクトを作成してください。注文、請求書、顧客です。名詞ごとに 1 つのタイプを作り、それぞれのフィールドを設定して、クラスボードを描いてください。」
  • 「すべての Task に status フィールドを追加し、各 Stage で完了したものの数を数えてください。」

認証と上限

すべてのリクエストには、Authorization: Bearer <key>(または X-API-Key)でキーを含めるか、ブラウザーからサインインするクライアント向けの OAuth トークンを含めます。どちらもアカウントに紐付いており、アシスタントに表示されるのは、ユーザーが閲覧できるプロジェクトと、それぞれにおけるユーザーのロールのみです。それ以外は表示されません。

上限値
ツール呼び出し1 分あたり 300 回
書き込みツールの呼び出し1 時間あたり 600 回
一括書き込み呼び出し(bulk_*)書き込み枠とは別に、1 時間あたり 600 回

詳細、キーのローテーションと失効については、docs/authentication.md をご覧ください。 うまく動作しませんか? docs/troubleshooting.md をご覧ください。

このリポジトリについて

このリポジトリは、Umlout MCP コネクターの公開拠点です。ドキュメント、クライアント設定、レジストリマニフェスト(server.json)、接続チェッカーを提供しています。サーバー自体はホスト型サービスです。ローカルへのインストールは不要なため、サーバーのソースコードはありません。

MCP 統合に関する問題や質問は、Issues までお寄せください。

ライセンス

MIT — ドキュメントとサンプル。

コメント

MCP は初めてですか?

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

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