流程图绘制助手
将以下提示词粘贴到你的 AI 对话框中：
请根据 https://skillhub.cn/install/skillhub.md，安装 @user_516d7c35/flowchart-designer。
技能介绍
解决什么问题
流程图常被当作“画框图”：节点随意、判断分支没有条件、循环用箭头跳回，导致同一流程在不同文档里难以维护。对于需要进入技术文档、评审材料或演示页面的工程师，真正的问题是生成结果是否符合 GB 1526-89 的符号与约定，以及是否适合 Mermaid、SVG、HTML 等不同交付场景。
技能如何工作
该技能会先识别流程图类型与输出格式，再按标准生成。默认推荐 Mermaid：使用 graph TD / graph LR，节点首次定义形状，分支边带 |条件|，开始/结束用端点符。若需要正式外观，则生成 SVG：按端点符、处理矩形、判断菱形、数据平行四边形、文件波浪底、连接符、既定处理等符号绘制，并控制画布宽度、节点间距、颜色、字体与箭头方向。HTML 输出则以内嵌 SVG 呈现，并加入 hover 与点击高亮。生成后还会检查开始/结束、分支标签、流向、悬空节点、符号适用范围和文字居中。
适用边界
它适合程序流程、数据流程、系统流程、业务流程和系统资源图等结构化描述，尤其适合需要中文技术文档可渲染或正式 SVG 的场景。它不替代业务建模工具，也不自动推断未提供的关键判断逻辑；如果流程缺少输入输出、分支条件或角色泳道，需要先补齐信息。输出偏工程化表达，不适合作为完全艺术化的演示图形。
使用场景
- 在算法评审前，把排序或调度程序的判断分支画成带条件标签的 Mermaid 程序流程图。
- 编写数据管道文档时，把 ETL 步骤生成符合 GB 1526-89 的 SVG 数据流程图，用于正式附录。
- 做系统架构演示页时，将审批、支付、回调等系统流程输出为可 hover 高亮的 HTML 内嵌 SVG。
- 整理业务流程时，用泳道式系统流程图区分申请人、审批人和执行系统，并保留标准符号。
适合人员
- 负责算法与后端逻辑文档的工程师：需要把判断、循环和接口调用画成可审查的程序流程图。
- 写技术文档的数据工程师：要把 ETL、消息消费、落库步骤整理成标准数据流程图文档。
- 做产品或解决方案演示的架构师：需要把系统交互生成 HTML/SVG 页面用于评审和汇报。
- 维护流程规范的团队负责人：希望生成结果统一符合 GB 1526-89，减少人工修图。
相关技能
通过分步选择题确认业务、配色与布局，输出可编辑的 .drawio 专业技术架构图。
基于妙音 AI REST API 的音乐助手，支持调用 SUNO/Mureka 模型生成歌曲、续写、翻唱、生成视频、WAV 与音频分轨。
将文字、文件或图片提炼为结构化知识，生成绘图工具可用的知识卡片提示词，支持3:4竖版与16:9横版，并按内容量拆分为多张独立图片。
基于 Playwright 捕获整页、视口或指定元素截图，自动处理懒加载、内部滚动、移动布局及 Linux CJK 字体。