partme-ai/drawio-flowchart
skills/drawio-skills/drawio-flowchart/SKILL.md
Creates flowcharts, swim lane diagrams, and business process diagrams using Draw.io (diagrams.net). Covers standard flowchart shapes (process, decision, start/end), connectors, auto-layout, and export to PNG/SVG/PDF. Use when the user needs to visualize workflows, decision trees, or business processes.
$ install --global
skillsauthnpx skillsauth add partme-ai/full-stack-skills drawio-flowchartInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 10, 2026, 9:15 AM42.0s2 files scanned
SKILL.md
- name:
- drawio-flowchart
- description:
- Creates flowcharts, swim lane diagrams, and business process diagrams using Draw.io (diagrams.net). Covers standard flowchart shapes (process, decision, start/end), connectors, auto-layout, and export to PNG/SVG/PDF. Use when the user needs to visualize workflows, decision trees, or business processes.
- license:
- Complete terms in LICENSE.txt
When to use this skill
Use this skill whenever the user wants to:
- Create flowcharts for business processes or technical workflows
- Design swim lane diagrams showing responsibilities across teams or systems
- Visualize decision trees with conditional branching
- Export process diagrams for documentation or presentations
How to use this skill
Workflow
- Start from template - Choose Flowchart template in Draw.io or start blank
- Add shapes - Use standard shapes: rounded rectangle (start/end), rectangle (process), diamond (decision)
- Connect with arrows - Label decision branches (Yes/No) and flow direction
- Apply auto-layout - Use Format > Layout > Vertical/Horizontal Tree for clean alignment
- Export - Save as
.drawiofor editing; export PNG/SVG/PDF for sharing
Quick-Start Example: Order Processing Flowchart (XML)
<mxGraphModel>
<root>
<mxCell id="0"/><mxCell id="1" parent="0"/>
<!-- Start -->
<mxCell id="2" value="Order Received" style="ellipse;fillColor=#d5e8d4;" vertex="1" parent="1">
<mxGeometry x="200" y="20" width="120" height="40" as="geometry"/>
</mxCell>
<!-- Decision -->
<mxCell id="3" value="In Stock?" style="rhombus;fillColor=#fff2cc;" vertex="1" parent="1">
<mxGeometry x="200" y="100" width="120" height="60" as="geometry"/>
</mxCell>
<!-- Process -->
<mxCell id="4" value="Ship Order" style="rounded=0;fillColor=#dae8fc;" vertex="1" parent="1">
<mxGeometry x="100" y="200" width="120" height="40" as="geometry"/>
</mxCell>
<mxCell id="5" value="Backorder" style="rounded=0;fillColor=#f8cecc;" vertex="1" parent="1">
<mxGeometry x="300" y="200" width="120" height="40" as="geometry"/>
</mxCell>
<!-- Arrows -->
<mxCell id="6" style="" edge="1" source="2" target="3" parent="1"/>
<mxCell id="7" value="Yes" edge="1" source="3" target="4" parent="1"/>
<mxCell id="8" value="No" edge="1" source="3" target="5" parent="1"/>
</root>
</mxGraphModel>
Swim Lane Diagram
For cross-team processes, use Draw.io's swim lane containers:
- Insert > Advanced > Pool/Lane
- Drag process steps into the appropriate lane
- Connect steps across lanes with labeled arrows
Best Practices
- Consistent flow direction - Use top-to-bottom or left-to-right consistently
- Standard shapes - Rectangles for processes, diamonds for decisions, ovals for start/end
- Label decision branches - Always label Yes/No or condition text on decision arrows
- One process per diagram - Keep diagrams focused; split complex flows into sub-processes
- Include a legend - Add a key explaining shape meanings and color coding
Keywords
draw.io, diagrams.net, flowchart, swim lane, business process, decision tree, workflow diagram, 流程图, 泳道图, process diagram
Related Skills
partme-ai/uniapp-project
development
VerifiedTrustedCommunity
Provides per-component and per-API examples with cross-platform compatibility details for uni-app, covering built-in components, uni-ui components, and APIs (network, storage, device, UI, navigation, media). Use when the user needs official uni-app components or APIs, wants per-component examples with doc links, or needs platform compatibility checks.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-project-creator
tools
VerifiedTrustedCommunity
Creates new uni-app projects via the official CLI or HBuilderX with Vue 2/Vue 3 template selection, manifest.json and pages.json configuration, and directory structure setup. Use when the user wants to scaffold a new uni-app project, initialize project files with a single command, or set up the development environment.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-plugin
tools
VerifiedTrustedCommunity
Browses, installs, configures, and manages plugins from the uni-app plugin market (ext.dcloud.net.cn) including component plugins, API plugins, and template plugins with dependency handling. Use when the user needs to find and install uni-app plugins, configure plugin settings, manage plugin dependencies, or integrate third-party components.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-native-plugin
tools
VerifiedTrustedCommunity
Develops native Android and iOS plugins for uni-app including module creation, JavaScript-to-native communication, and plugin packaging for distribution. Use when the user needs to build custom native modules, extend uni-app with native capabilities (camera, Bluetooth, sensors), or create publishable native plugins.
456SKILL.mdUpdated Jun 4, 2026