Flowsimp について
Flowsimp は、Mermaid のフローチャートまたはインデント付きアウトラインを共有可能な図に変換し、Flowsimp エディターに編集可能なボードを作るホスト型 MCP サーバーです。チャットから図を作成する人向けで、アカウントや API キーは不要です。
主な機能
- 01Mermaid 構文から図を作成
- 02インデント付きアウトラインをフローチャートに変換
- 03共有リンクと編集リンクの返却
- 04組み込み図テンプレートの一覧
- 05図を PNG または SVG でエクスポート
活用シーン
- 01業務フローのアウトラインを図に変換
- 02Mermaid テキストから編集可能な図を作成
- 03テンプレートから決定木やスイムレーンを作成
MCP 対応
https://flowsimp.com/mcp のリモート Streamable HTTP MCP サーバーを通じて、図の作成とテンプレート一覧を提供します。認証は不要です。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://flowsimp.com/mcpclaude mcp add --transport http com-flowsimp-flowsimp https://flowsimp.com/mcp{"mcpServers":{"com-flowsimp-flowsimp":{"type":"http","url":"https://flowsimp.com/mcp"}}}Cursor で開く{"servers":{"com-flowsimp-flowsimp":{"type":"http","url":"https://flowsimp.com/mcp"}}}VS Code で開く{"mcpServers":{"com-flowsimp-flowsimp":{"type":"http","url":"https://flowsimp.com/mcp"}}}{"mcpServers":{"com-flowsimp-flowsimp":{"serverUrl":"https://flowsimp.com/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
詳細
Flowsimp MCP サーバー
チャットからフローチャートを作成できます。Flowsimp がホストする Model Context Protocol サーバーは、Mermaid のフローチャート構文またはインデント付きのプレーンテキストのアウトラインを、共有可能な図へのリンクと、Flowsimp エディターで編集できるボードに変換します。
- エンドポイント:
https://flowsimp.com/mcp - トランスポート: ストリーミング可能な HTTP(リモート)
- 認証: 不要。API キーやアカウントは必要ありません
- 価格: 完全無料で利用できます
- レジストリ名: 公式 MCP レジストリでの
com.flowsimp/flowsimp - ドキュメント: https://flowsimp.com/mcp
このサーバーはステートレスです。図は返されるリンクにエンコードされるため、図を保存しません。編集可能なリンクを開くと、図形の配置変更、テキストの編集、PNG または SVG へのエクスポートができます。
このリポジトリには、ホスト型サーバーの公開ドキュメントとレジストリメタデータ(server.json、.mcp.json)が含まれています。
ツール
| ツール | 機能 |
|---|---|
create_flowchart | Mermaid のフローチャート構文またはインデント付きアウトライン(最大 16,000 文字)からフローチャートを作成します。title は任意で、mode も任意です。flowchart(デフォルト)または network を指定できます。読み取り専用の shareUrl、編集可能な editUrl、ノード数、接続数を返します。 |
list_templates | 組み込みテンプレート(フローチャート、プロセス、スイムレーン、決定木、ユーザーフロー、組織図、ネットワーク、マインドマップ)と、それぞれをエディターで開くリンクを一覧表示します。 |
create_flowchart の入力例:
{
"text": "flowchart TD\n A[Start] --> B{Approved?}\n B -->|Yes| C[Ship it]\n B -->|No| D[Revise]",
"title": "Release check"
}
結果の例(リンクは短縮されています):
{
"shareUrl": "https://flowsimp.com/view#…",
"editUrl": "https://flowsimp.com/?board=…",
"nodeCount": 4,
"connectionCount": 3,
"title": "Release check"
}
インデント付きアウトラインも使用できます:
Customer submits order
Payment approved?
Yes: Pack and ship
No: Email customer
クライアントを接続する
Claude(claude.ai および Claude Desktop)
Settings → Connectors → Add custom connector を開き、名前を Flowsimp にして、次の内容を貼り付けます。
https://flowsimp.com/mcp
認証設定は不要です。
Claude Code
claude mcp add --transport http flowsimp https://flowsimp.com/mcp
Cursor
~/.cursor/mcp.json(グローバル)または .cursor/mcp.json(プロジェクト)に追加します。
{
"mcpServers": {
"flowsimp": {
"url": "https://flowsimp.com/mcp"
}
}
}
VS Code(GitHub Copilot エージェントモード)
.vscode/mcp.json に追加します。
{
"servers": {
"flowsimp": {
"type": "http",
"url": "https://flowsimp.com/mcp"
}
}
}
ChatGPT
カスタム MCP コネクター(開発者モード)に対応しているワークスペースまたはプランでは、URL https://flowsimp.com/mcp を指定し、認証なしでコネクターを作成します。https://flowsimp.com/openapi.json の OpenAPI 定義から GPT Action を追加することもできます。
ローカル(stdio)サーバーのみに対応するクライアント
mcp-remote ブリッジを使用します。
{
"mcpServers": {
"flowsimp": {
"command": "npx",
"args": ["-y", "mcp-remote", "https://flowsimp.com/mcp"]
}
}
}
プロンプトの例
- 「顧客の返金プロセスのフローチャートを作成して、Flowsimp のリンクを教えてください。」
- 「この Mermaid コードを編集可能な図に変換してください:…」
- 「休暇申請を承認するかどうかの決定木を描いてください。」
- 「モバイルアプリのユーザー登録フローを、ランディングページから初回ログインまで図にしてください。」
- 「Flowsimp のテンプレートを見せてから、スイムレーン図の作成を始めてください。」
- 「ルーター、ファイアウォール、2 台の Web サーバー、データベースを含むシンプルなネットワーク図を作成してください。」
HTTP API
同じ作成アクションを MCP なしで利用できます。
curl -X POST https://flowsimp.com/api/flowchart \
-H 'Content-Type: application/json' \
-d '{"text": "flowchart TD\n A[Start] --> B[Next]"}'
OpenAPI 定義は https://flowsimp.com/openapi.json にあります。
制限
- テキスト入力は 16,000 文字までです。
- 呼び出しには IP ごとのレート制限があります。
リンク
- Flowsimp エディター: https://flowsimp.com
- MCP ドキュメント: https://flowsimp.com/mcp
- テキストからフローチャートへ: https://flowsimp.com/text-to-flowchart
- 概要: https://flowsimp.com/about
ライセンス
このリポジトリの内容は MIT License のもとで公開されています。© 2026 Dreamer Studio。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。