Bpmn
🤖 AI Summary
This skill generates BPMN and integration diagrams from PlantUML code. It parses `@startuml`/`@enduml` blocks with `mxgraph.bpmn.*` and `mxgraph.eip.*` stencil icons, supporting pools, lanes, and arrow-based connections.
How to Install
Claude Code:
git clone --depth 1 https://github.com/markdown-viewer/skills.git && cp skills/bpmn ~/.claude/skills/SKILL.md -rBusiness 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
```plantumlor```pumlcode fence. NEVER use```text— it will NOT render as a diagram.
Critical Rules
- Every diagram starts with
@startumland ends with@enduml - Use
left to right directionfor 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
fillColororstrokeColor - 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:
| Icon | Meaning |
|---|---|
mxgraph.bpmn.event.start |
Start Event |
mxgraph.bpmn.event.end |
End Event |
mxgraph.bpmn.event.terminateEnd |
Terminate End |
mxgraph.bpmn.event.timerStart |
Timer Start |
mxgraph.bpmn.event.timerCatching |
Timer Intermediate |
mxgraph.bpmn.event.messageStart |
Message Start |
mxgraph.bpmn.event.messageCatching |
Message Catching |
mxgraph.bpmn.event.messageEnd |
Message End |
mxgraph.bpmn.event.errorEnd |
Error End |
mxgraph.bpmn.event.errorBound |
Error Boundary |
mxgraph.bpmn.event.signalStart |
Signal Start |
mxgraph.bpmn.event.signalEnd |
Signal End |
Gateways — Diamond shapes for branching/merging:
| Icon | Meaning |
|---|---|
mxgraph.bpmn.gateway2.exclusive |
Exclusive Gateway (XOR) |
mxgraph.bpmn.gateway2.parallel |
Parallel Gateway (AND) |
mxgraph.bpmn.gateway2.inclusive |
Inclusive Gateway (OR) |
mxgraph.bpmn.gateway2.complex |
Complex Gateway |
Tasks — Use rectangle for tasks, stencil markers for typed tasks:
| Icon | Meaning |
|---|---|
mxgraph.bpmn.user_task |
User Task |
mxgraph.bpmn.service_task |
Service Task |
mxgraph.bpmn.script_task |
Script Task |
mxgraph.bpmn.manual_task |
Manual Task |
mxgraph.bpmn.business_rule_task |
Business Rule Task |
Data — Document-like shapes:
| Icon | Meaning |
|---|---|
mxgraph.bpmn.data2.dataObject |
Data Object |
mxgraph.bpmn.data2.dataInput |
Data Input |
mxgraph.bpmn.data2.dataOutput |
Data Output |
EIP Stencil Family (mxgraph.eip.*)
| Icon | Meaning |
|---|---|
mxgraph.eip.messageChannel |
Message Channel |
mxgraph.eip.deadLetterChannel |
Dead Letter Channel |
mxgraph.eip.content_based_router |
Content-Based Router |
mxgraph.eip.message_filter |
Message Filter |
mxgraph.eip.splitter |
Splitter |
mxgraph.eip.aggregator |
Aggregator |
mxgraph.eip.message_translator |
Message Translator |
mxgraph.eip.content_enricher |
Content Enricher |
mxgraph.eip.messaging_gateway |
Messaging Gateway |
mxgraph.eip.channel_adapter |
Channel Adapter |
mxgraph.eip.messaging_bridge |
Messaging Bridge |
mxgraph.eip.recipient_list |
Recipient List |
mxgraph.eip.wire_tap |
Wire Tap |
mxgraph.eip.event_driven_consumer |
Event-Driven Consumer |
mxgraph.eip.competing_consumers |
Competing Consumers |
mxgraph.eip.process_manager |
Process Manager |
Lean Mapping Stencil Family (mxgraph.lean_mapping.*)
| Icon | Meaning |
|---|---|
mxgraph.lean_mapping.outside_sources |
Supplier / Customer |
mxgraph.lean_mapping.manufacturing_process |
Process Step |
mxgraph.lean_mapping.supermarket |
Supermarket (Inventory Buffer) |
mxgraph.lean_mapping.fifo_lane |
FIFO Lane |
mxgraph.lean_mapping.production_kanban |
Production Kanban |
mxgraph.lean_mapping.withdrawal_kanban |
Withdrawal Kanban |
mxgraph.lean_mapping.signal_kanban |
Signal Kanban |
mxgraph.lean_mapping.truck_shipment |
Truck Shipment |
mxgraph.lean_mapping.operator |
Operator |
mxgraph.lean_mapping.inventory_box |
Inventory |
mxgraph.lean_mapping.kaizen_lightening_burst |
Kaizen Burst |
mxgraph.lean_mapping.mrp_erp |
MRP / ERP System |
mxgraph.lean_mapping.warehouse |
Warehouse |
mxgraph.lean_mapping.push_arrow |
Push Arrow |
mxgraph.lean_mapping.timeline2 |
Timeline |
Connection Types
| Syntax | Meaning | Use Case |
|---|---|---|
A --> B |
Solid arrow | Sequence flow (task→task) |
A ..> B |
Dashed arrow | Message flow (cross-pool) / async trigger |
A --> B : "label" |
Labeled solid | Conditional flow (gateway branch) |
A ..> B : "label" |
Labeled d |
Details
| Category | AI/ML → ml |
| Source | markdown-viewer/skills |
| SKILL.md | View on GitHub → |
| Repo Stars | ★ 3.0K |
| Est. per Skill | 198 (shared across 15 skills from this repo) |
| Difficulty | Intermediate |
| Risk Level | N/A |
Related Skills
ai-product
AI Product Development Every product will be AI-powered. The question is whether you'll build it rig
agentphone
AgentPhone AgentPhone is an API-first telephony platform for AI agents. Give your agents phone numbe
commit
Sentry Commit Messages Follow these conventions when creating commits for Sentry projects. When to U
agent-squad
Main Agent — The Orchestrator The Main Agent is the single point of contact between the user and the
Works Well With
Skills from the same repository — often designed to work together
Archimate
Enterprise Architecture Diagram Generator (ArchiMate) Quick Start: Add !include <archimate/Archim
Architecture
Architecture Diagram Generator Quick Start: Create HTML structure with flexible layout (single/doubl
Canvas
JSON Canvas Visualizer Quick Start: Define nodes with id, type, x, y, width, height → Plan layout on