HomeBrowseUpload
← Back to registry
// Skill profile

🎨 Draw.io 流程图生成器

智能流程图生成技能 - 一键生成专业的系统架构图和流程图,自动检测并使用本地 Draw.io。

by coder-knock · published 2026-03-22

开发工具加密货币
Total installs
0
Stars
★ 0
Last updated
2026-03
// Install command
$ claw add gh:coder-knock/coder-knock-drawio-coderknock
View on GitHub
// Full documentation

# 🎨 Draw.io 流程图生成器

智能流程图生成技能 - 一键生成专业的系统架构图和流程图,自动检测并使用本地 Draw.io。

功能特性

  • ✅ 直接生成真正的 draw.io 文件,包含完整图形元素
  • 🔍 自动检测本地 Draw.io 安装状态
  • 🚀 自动打开本地 Draw.io 并显示完整流程图
  • 💡 未安装时提供友好的安装指引
  • 🎨 使用泳道图展示,层次清晰
  • 🎯 预设电商系统架构图和 CEX 交易所架构图模板
  • 🌈 优化的配色方案,高对比度,文字清晰可见
  • 快速开始

    **使用稳定版本(推荐):**

    # 生成电商系统架构图
    python stable_generator.py
    
    # 生成 CEX 交易所架构图
    python cex_architecture_v2.py
    
    # 指定工作目录
    python stable_generator.py --workspace /path/to/workspace

    **稳定版本特点:**

  • 直接生成完整的 draw.io XML 文件
  • 包含真实的图形元素,无需 Mermaid 导入
  • 使用泳道图展示系统架构
  • 自动检测并打开本地 Draw.io
  • 优化的配色方案,文字清晰
  • 预设模板

    1. 电商系统架构图

  • 5层完整架构:用户层、接入层、应用层、数据层、基础设施层
  • 包含完整的电商微服务组件
  • 文件:`stable_generator.py`
  • 2. CEX 交易所整体架构图

  • 6层完整架构:用户接入层、网关层、交易核心层、数据层、区块链层、运维层
  • 包含撮合引擎、风控、热钱包/冷钱包等核心组件
  • 优化的配色方案,高对比度
  • 文件:`cex_architecture_v2.py`
  • 安装 Draw.io

    Windows

    winget install drawio

    Mac

    brew install --cask drawio

    手动下载

    访问:https://github.com/jgraph/drawio-desktop/releases

    使用说明

    1. 运行对应的生成器脚本

    2. 脚本会自动生成 .drawio 文件

    3. 如果本地安装了 Draw.io,会自动打开

    4. 如果没有安装,会提示安装方式

    5. 在 Draw.io 中可以直接编辑和导出

    文件结构

    skills/drawio-flow-generator/
    ├── SKILL.md                    # 本文件
    ├── package.json                # 技能配置
    ├── README.md                   # 详细使用说明
    ├── stable_generator.py         # 电商架构图生成器(稳定版)
    ├── cex_architecture_v2.py      # CEX 交易所架构图(优化配色)
    ├── generate_flow.py            # 通用流程图生成器
    ├── simple_test.py              # 简单测试脚本
    └── templates/                  # Mermaid 模板库
        ├── login_flow.mmd
        ├── order_flow.mmd
        ├── approval_flow.mmd
        ├── generic_flow.mmd
        └── ecommerce_architecture.mmd

    作者

    AI Assistant

    欢迎关注

    欢迎关注微信公众号:**拿客**

    获取更多技术干货和开源工具分享!

    许可证

    MIT License

    // Comments
    Sign in with GitHub to leave a comment.
    // Related skills

    More tools from the same signal band