mcpField
B
bpmn

bpmn

github.com/markdown-viewerProductivity3.4k3.4k installsUpdated 3w ago
Repository

About bpmn

bpmn is a skill for generating business process and integration diagrams in PlantUML. It guides users through BPMN, Enterprise Integration Pattern, and value stream mapping stencils and diagram types.

Key features

  1. 01BPMN event, gateway, and task markers
  2. 02Enterprise Integration Pattern icons
  3. 03Value stream mapping symbols
  4. 04Examples of multiple diagram types

Use cases

  1. 01Diagram an order processing flow
  2. 02Map a multi-level approval workflow
  3. 03Show message routing and transformation
  4. 04Describe microservice orchestration or event flows

Install

Copy the command and run it in a terminal.

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

After installing, type/bpmnin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with 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

Details

From the project README

Business Process & Integration Diagram Generator

Quick Start: Choose diagram type → Declare stencil icons for events/gateways/tasks → Group into pools/lanes → Connect with arrow syntax → Wrap in ```plantuml fence.

⚠️ IMPORTANT: Always use ```plantuml or ```puml code fence. NEVER use ```text — it will NOT render as a diagram.

Critical Rules

  • Every diagram starts with @startuml and ends with @enduml
  • Use left to right direction for process flows (start→end reads left-to-right)
  • Use mxgraph.bpmn.* for BPMN events, gateways, and task markers
  • Use mxgraph.eip.* for Enterprise Integration Pattern icons
  • Use mxgraph.lean_mapping.* for Value Stream Mapping symbols
  • Default colors are applied automatically — you do NOT need to specify fillColor or strokeColor
  • Use rectangle "Pool" { ... } for BPMN pools and lanes
  • Sequence flows use -->, message flows use ..> (dashed)

Full stencil reference: See stencils/README.md for 9500+ available icons.

Mxgraph Stencil Syntax

mxgraph.<library>.<icon> "Label" as <alias>
BPMN Stencil Family (mxgraph.bpmn.*)

Events — Circle shapes for process triggers and outcomes:

IconMeaning
mxgraph.bpmn.event.startStart Event
mxgraph.bpmn.event.endEnd Event
mxgraph.bpmn.event.terminateEndTerminate End
mxgraph.bpmn.event.timerStartTimer Start
mxgraph.bpmn.event.timerCatchingTimer Intermediate
mxgraph.bpmn.event.messageStartMessage Start
mxgraph.bpmn.event.messageCatchingMessage Catching
mxgraph.bpmn.event.messageEndMessage End
mxgraph.bpmn.event.errorEndError End
mxgraph.bpmn.event.errorBoundError Boundary
mxgraph.bpmn.event.signalStartSignal Start
mxgraph.bpmn.event.signalEndSignal End

Gateways — Diamond shapes for branching/merging:

IconMeaning
mxgraph.bpmn.gateway2.exclusiveExclusive Gateway (XOR)
mxgraph.bpmn.gateway2.parallelParallel Gateway (AND)
mxgraph.bpmn.gateway2.inclusiveInclusive Gateway (OR)
mxgraph.bpmn.gateway2.complexComplex Gateway

Tasks — Use rectangle for tasks, stencil markers for typed tasks:

IconMeaning
mxgraph.bpmn.user_taskUser Task
mxgraph.bpmn.service_taskService Task
mxgraph.bpmn.script_taskScript Task
mxgraph.bpmn.manual_taskManual Task
mxgraph.bpmn.business_rule_taskBusiness Rule Task

Data — Document-like shapes:

IconMeaning
mxgraph.bpmn.data2.dataObjectData Object
mxgraph.bpmn.data2.dataInputData Input
mxgraph.bpmn.data2.dataOutputData Output
EIP Stencil Family (mxgraph.eip.*)
IconMeaning
mxgraph.eip.messageChannelMessage Channel
mxgraph.eip.deadLetterChannelDead Letter Channel
mxgraph.eip.content_based_routerContent-Based Router
mxgraph.eip.message_filterMessage Filter
mxgraph.eip.splitterSplitter
mxgraph.eip.aggregatorAggregator
mxgraph.eip.message_translatorMessage Translator
mxgraph.eip.content_enricherContent Enricher
mxgraph.eip.messaging_gatewayMessaging Gateway
mxgraph.eip.channel_adapterChannel Adapter
mxgraph.eip.messaging_bridgeMessaging Bridge
mxgraph.eip.recipient_listRecipient List
mxgraph.eip.wire_tapWire Tap
mxgraph.eip.event_driven_consumerEvent-Driven Consumer
mxgraph.eip.competing_consumersCompeting Consumers
mxgraph.eip.process_managerProcess Manager
Lean Mapping Stencil Family (mxgraph.lean_mapping.*)
IconMeaning
mxgraph.lean_mapping.outside_sourcesSupplier / Customer
mxgraph.lean_mapping.manufacturing_processProcess Step
mxgraph.lean_mapping.supermarketSupermarket (Inventory Buffer)
mxgraph.lean_mapping.fifo_laneFIFO Lane
mxgraph.lean_mapping.production_kanbanProduction Kanban
mxgraph.lean_mapping.withdrawal_kanbanWithdrawal Kanban
mxgraph.lean_mapping.signal_kanbanSignal Kanban
mxgraph.lean_mapping.truck_shipmentTruck Shipment
mxgraph.lean_mapping.operatorOperator
mxgraph.lean_mapping.inventory_boxInventory
mxgraph.lean_mapping.kaizen_lightening_burstKaizen Burst
mxgraph.lean_mapping.mrp_erpMRP / ERP System
mxgraph.lean_mapping.warehouseWarehouse
mxgraph.lean_mapping.push_arrowPush Arrow
mxgraph.lean_mapping.timeline2Timeline
Connection Types
SyntaxMeaningUse Case
A --> BSolid arrowSequence flow (task→task)
A ..> BDashed arrowMessage flow (cross-pool) / async trigger
A --> B : "label"Labeled solidConditional flow (gateway branch)
A ..> B : "label"Labeled dashedNamed message / signal
Quick Example
@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

Diagram Types

TypePurposeKey StencilsExample
Order ProcessingE-commerce / fulfillmentmxgraph.bpmn.event.*, mxgraph.bpmn.gateway2.*order-processing.md
Approval WorkflowMulti-level approvalmxgraph.bpmn.event.*, mxgraph.bpmn.gateway2.*approval-workflow.md
EIP MessagingMessage routing & transformationmxgraph.eip.*eip-messaging.md
ETL PipelineData extraction & loadingmxgraph.bpmn.event.*, mxgraph.eip.*etl-pipeline.md
Value StreamLean manufacturing flowmxgraph.lean_mapping.*value-stream.md
Microservice OrchestrationService choreographymxgraph.bpmn.event.*, mxgraph.eip.*microservice-orchestration.md
Event-Driven ArchitecturePub/Sub event flowsmxgraph.bpmn.event.*, mxgraph.eip.*event-driven.md
Customer ServiceSupport ticket lifecyclemxgraph.bpmn.event.*, mxgraph.bpmn.gateway2.*customer-service.md

Comments

Markdown supported