mcpField
B
bpmn

bpmn

github.com/markdown-viewer生産性3.4k3.4k 回インストール3 週間前に更新
リポジトリ

bpmn について

bpmnは、PlantUMLで業務プロセスや統合図を作成するためのスキルです。BPMN、Enterprise Integration Pattern、バリューストリームマッピングのステンシルと図の種類を案内します。

主な機能

  1. 01BPMNのイベント、ゲートウェイ、タスク記号
  2. 02Enterprise Integration Patternのアイコン
  3. 03バリューストリームマッピング記号
  4. 04複数の図の種類の例

活用シーン

  1. 01注文処理フローの図示
  2. 02多段階承認ワークフローの整理
  3. 03メッセージのルーティングと変換の表示
  4. 04マイクロサービス連携やイベントフローの記述

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/markdown-viewer/skills --skill bpmn

インストール後、Claude Code で/bpmnを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

examples/
approval-workflow.md
customer-service.md
eip-messaging.md
etl-pipeline.md
event-driven.md
microservice-orchestration.md
order-processing.md
value-stream.md

詳細

ビジネスプロセス&統合図ジェネレーター

クイックスタート: 図の種類を選択 → イベント/ゲートウェイ/タスクのステンシルアイコンを宣言 → プール/レーンにグループ化 → 矢印構文で接続 → ```plantuml フェンスで囲みます。

⚠️ 重要: 必ず ```plantuml または ```puml のコードフェンスを使用してください。```text は絶対に使用しないでください。図としてレンダリングされません。

重要なルール

  • すべての図は @startuml で始まり、@enduml で終わります
  • プロセスフローには left to right direction を使用します(開始から終了まで左から右に読みます)
  • BPMN のイベント、ゲートウェイ、タスクマーカーには mxgraph.bpmn.* を使用します
  • Enterprise Integration Pattern のアイコンには mxgraph.eip.* を使用します
  • Value Stream Mapping の記号には mxgraph.lean_mapping.* を使用します
  • デフォルトの色は自動的に適用されます。fillColor や strokeColor を指定する必要はありません
  • BPMN のプールとレーンには rectangle "Pool" { ... } を使用します
  • シーケンスフローには -->、メッセージフローには ..>(破線)を使用します

ステンシルの完全なリファレンス: 利用可能な 9500 以上のアイコンについては、stencils/README.md を参照してください。

Mxgraph ステンシル構文

mxgraph.<library>.<icon> "Label" as <alias>
BPMN ステンシルファミリー(mxgraph.bpmn.*)

イベント — プロセスのトリガーや結果を表す円形:

アイコン意味
mxgraph.bpmn.event.start開始イベント
mxgraph.bpmn.event.end終了イベント
mxgraph.bpmn.event.terminateEnd終了イベント(強制終了)
mxgraph.bpmn.event.timerStartタイマー開始
mxgraph.bpmn.event.timerCatchingタイマー中間イベント
mxgraph.bpmn.event.messageStartメッセージ開始
mxgraph.bpmn.event.messageCatchingメッセージ捕捉
mxgraph.bpmn.event.messageEndメッセージ終了
mxgraph.bpmn.event.errorEndエラー終了
mxgraph.bpmn.event.errorBoundエラー境界イベント
mxgraph.bpmn.event.signalStartシグナル開始
mxgraph.bpmn.event.signalEndシグナル終了

ゲートウェイ — 分岐/結合を表すひし形:

アイコン意味
mxgraph.bpmn.gateway2.exclusive排他ゲートウェイ(XOR)
mxgraph.bpmn.gateway2.parallel並列ゲートウェイ(AND)
mxgraph.bpmn.gateway2.inclusive包含ゲートウェイ(OR)
mxgraph.bpmn.gateway2.complex複合ゲートウェイ

タスク — タスクには rectangle を使用し、型付きタスクにはステンシルマーカーを使用します:

アイコン意味
mxgraph.bpmn.user_taskユーザータスク
mxgraph.bpmn.service_taskサービスタスク
mxgraph.bpmn.script_taskスクリプトタスク
mxgraph.bpmn.manual_task手動タスク
mxgraph.bpmn.business_rule_taskビジネスルールタスク

データ — ドキュメントに似た形状:

アイコン意味
mxgraph.bpmn.data2.dataObjectデータオブジェクト
mxgraph.bpmn.data2.dataInputデータ入力
mxgraph.bpmn.data2.dataOutputデータ出力
EIP ステンシルファミリー(mxgraph.eip.*)
アイコン意味
mxgraph.eip.messageChannelメッセージチャネル
mxgraph.eip.deadLetterChannelデッドレターチャネル
mxgraph.eip.content_based_routerコンテンツベースルーター
mxgraph.eip.message_filterメッセージフィルター
mxgraph.eip.splitterスプリッター
mxgraph.eip.aggregatorアグリゲーター
mxgraph.eip.message_translatorメッセージトランスレーター
mxgraph.eip.content_enricherコンテンツエンリッチャー
mxgraph.eip.messaging_gatewayメッセージングゲートウェイ
mxgraph.eip.channel_adapterチャネルアダプター
mxgraph.eip.messaging_bridgeメッセージングブリッジ
mxgraph.eip.recipient_list受信者リスト
mxgraph.eip.wire_tapワイヤータップ
mxgraph.eip.event_driven_consumerイベント駆動型コンシューマー
mxgraph.eip.competing_consumers競合コンシューマー
mxgraph.eip.process_managerプロセスマネージャー
Lean Mapping ステンシルファミリー(mxgraph.lean_mapping.*)
アイコン意味
mxgraph.lean_mapping.outside_sourcesサプライヤー/顧客
mxgraph.lean_mapping.manufacturing_processプロセスステップ
mxgraph.lean_mapping.supermarketスーパーマーケット(在庫バッファー)
mxgraph.lean_mapping.fifo_laneFIFO レーン
mxgraph.lean_mapping.production_kanban生産かんばん
mxgraph.lean_mapping.withdrawal_kanban引き取りかんばん
mxgraph.lean_mapping.signal_kanban信号かんばん
mxgraph.lean_mapping.truck_shipmentトラック輸送
mxgraph.lean_mapping.operatorオペレーター
mxgraph.lean_mapping.inventory_box在庫
mxgraph.lean_mapping.kaizen_lightening_burstカイゼンバースト
mxgraph.lean_mapping.mrp_erpMRP/ERP システム
mxgraph.lean_mapping.warehouse倉庫
mxgraph.lean_mapping.push_arrowプッシュ矢印
mxgraph.lean_mapping.timeline2タイムライン
接続の種類
構文意味用途
A --> B実線の矢印シーケンスフロー(タスク→タスク)
A ..> B破線の矢印メッセージフロー(プール間)/非同期トリガー
A --> B : "label"ラベル付きの実線条件付きフロー(ゲートウェイ分岐)
A ..> B : "label"ラベル付きの破線名前付きメッセージ/シグナル
簡単な例
@startuml
left to right direction

mxgraph.bpmn.event.start "Start" as start
rectangle "Review\nRequest" as review
mxgraph.bpmn.gateway2.exclusive "Approved?" as gw
rectangle "Process\nOrder" as process
rectangle "Notify\nRejection" as reject
mxgraph.bpmn.event.end "End" as end_ok
mxgraph.bpmn.event.end "End" as end_fail

start --> review
review --> gw
gw --> process : "Yes"
gw --> reject : "No"
process --> end_ok
reject --> end_fail
@enduml

図の種類

種類目的主なステンシル例
注文処理E コマース/フルフィルメントmxgraph.bpmn.event.*, mxgraph.bpmn.gateway2.*注文処理
承認ワークフロー多段階承認mxgraph.bpmn.event.*, mxgraph.bpmn.gateway2.*承認ワークフロー
EIP メッセージングメッセージのルーティングと変換mxgraph.eip.*EIP メッセージング
ETL パイプラインデータの抽出と読み込みmxgraph.bpmn.event.*, mxgraph.eip.*ETL パイプライン
バリューストリームリーン生産フローmxgraph.lean_mapping.*バリューストリーム
マイクロサービスオーケストレーションサービスのコレオグラフィmxgraph.bpmn.event.*, mxgraph.eip.*マイクロサービスオーケストレーション
イベント駆動型アーキテクチャPub/Sub イベントフローmxgraph.bpmn.event.*, mxgraph.eip.*イベント駆動型
カスタマーサービスサポートチケットのライフサイクルmxgraph.bpmn.event.*, mxgraph.bpmn.gateway2.*カスタマーサービス

コメント