mcpField
D
drawio-flowchart

drawio-flowchart

github.com/full-stack-skillsDesign & UI0105 installsUpdated 4w ago
Repository

About drawio-flowchart

A skill for creating flowcharts, swimlane diagrams, and business process diagrams in draw.io. It covers choosing shapes and layouts, collaboration through supported file destinations, and exporting finished diagrams.

Key features

  1. 01Create flowcharts and swimlane diagrams
  2. 02Arrange shapes and connectors
  3. 03Save to Confluence, Google Drive, or .drawio
  4. 04Export PNG, SVG, or PDF

Use cases

  1. 01Mapping a business process
  2. 02Creating a swimlane diagram for a workflow

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/full-stack-skills/drawio-skills --skill drawio-flowchart

After installing, type/drawio-flowchartin Claude Code to confirm it loaded.

Bundled filesagents/openai.yamlLICENSE.txt

Details

From the project README

When to use this skill

Use this skill whenever the user wants to:

  • 用 Draw.io 画流程图、泳道图与业务流程图
  • 形状、连接、布局与导出(PNG/SVG/PDF)

How to use this skill

  1. 操作:选择流程图模板或空白;形状库(流程、决策、起止);连接与自动布局。
  2. 协作:存 Confluence、Google Drive 或 .drawio 文件;版本与评审。
  3. 交付:导出高清图;图例与说明完整。

Best Practices

  • 流向与符号统一;一图一主题、避免过密。
  • 命名与图例清晰;与文档或规范同步更新。

Keywords

draw.io, 流程图, 泳道图, diagrams.net

Comments

Markdown supported