Umlout について
Umloutは、ビジュアルホワイトボード上でプロジェクトを作成・編集するホスト型MCPサーバーです。UML図、フローチャート、ワイヤーフレーム、計画ボード、間取り図、アーキテクチャ図を扱うチーム向けで、プロジェクトのオブジェクトや関係を複数のボードで使えます。
主な機能
- 01プロジェクトとボードの作成・管理
- 02オブジェクトの型、フィールド、関係の定義
- 03UML図とフローチャートの作成
- 04ワイヤーフレームと計画ボードの作成
- 05AWS、Azure、Kubernetesアイコンの利用
- 06コメント、ファイル、削除項目の管理
活用シーン
- 01要件からUML図を作成
- 02OpenAPI仕様からコンポーネント図を作成
- 03モバイルフローをワイヤーフレーム化
- 04ボード上の状態と遷移を確認
MCP 対応
`https://www.umlout.com/mcp/http`でホスト型のStreamable HTTP MCPサーバーを提供します。MCPクライアントはツールと読み取り専用リソースを使い、認証済みアカウントのプロジェクトを作成・編集できます。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://www.umlout.com/mcp/httpclaude mcp add --transport http dmkorj-umlout https://www.umlout.com/mcp/http{"mcpServers":{"dmkorj-umlout":{"type":"http","url":"https://www.umlout.com/mcp/http"}}}Cursor で開く{"servers":{"dmkorj-umlout":{"type":"http","url":"https://www.umlout.com/mcp/http"}}}VS Code で開く{"mcpServers":{"dmkorj-umlout":{"type":"http","url":"https://www.umlout.com/mcp/http"}}}{"mcpServers":{"dmkorj-umlout":{"serverUrl":"https://www.umlout.com/mcp/http"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
https://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.json | url |
| Gemini CLI | ~/.gemini/settings.json | httpUrl |
| Antigravity | ~/.gemini/config/mcp_config.json | serverUrl |
| 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 — ドキュメントとサンプル。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。