mcpField
F
Flowsimp

Flowsimp

リモート
flowsimp.com生産性0今日更新
リポジトリ公式サイト

Flowsimp について

Flowsimp は、Mermaid のフローチャートまたはインデント付きアウトラインを共有可能な図に変換し、Flowsimp エディターに編集可能なボードを作るホスト型 MCP サーバーです。チャットから図を作成する人向けで、アカウントや API キーは不要です。

主な機能

  1. 01Mermaid 構文から図を作成
  2. 02インデント付きアウトラインをフローチャートに変換
  3. 03共有リンクと編集リンクの返却
  4. 04組み込み図テンプレートの一覧
  5. 05図を PNG または SVG でエクスポート

活用シーン

  1. 01業務フローのアウトラインを図に変換
  2. 02Mermaid テキストから編集可能な図を作成
  3. 03テンプレートから決定木やスイムレーンを作成

MCP 対応

https://flowsimp.com/mcp のリモート Streamable HTTP MCP サーバーを通じて、図の作成とテンプレート一覧を提供します。認証は不要です。

設定

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

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

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

ツール

詳細

Flowsimp

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_flowchartMermaid のフローチャート構文またはインデント付きアウトライン(最大 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 ごとのレート制限があります。

リンク

ライセンス

このリポジトリの内容は MIT License のもとで公開されています。© 2026 Dreamer Studio。

コメント

MCP は初めてですか?

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

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