流程图
使用此技能将任何有序流程、决策框架、证据链或实施工作流转化为清晰、可发表级别的流程图。提供的参考图片是样式参考,而非固定的四列模板:根据内容选择阶段数量和方向。
工作流程
1. 定义语义合约
在绘图之前列出实际阶段。默认使用2-6个阶段;仅当阶段具有明确的决策、负责人、输入/输出或证据类型时才拆分为独立阶段。当相邻方框包含重复措辞时合并阶段。
选择阅读方向:
- 对于2-6个紧凑阶段和宽页面,使用水平序列;
- 对于长标签、多阶段或竖排窄页面,使用垂直序列;
- 仅当两个独立维度在分析上必要时,才使用二维矩阵。
在一行中写出主序列,例如:
输入/观察 → 分析/设计 → 执行/交付 → 反馈/复核
仅当存在明确的交接或生命周期时,才添加可选的辅助执行带。将其标签与对应的主阶段对齐;不要重复主面板文字。
为每个阶段定义一个提问:
- 什么证据或输入启动了流程?
- 下一步进行什么分析、验证或分类?
- 接着有哪些选项、操作或决策?
- 如何闭环实施、交付、反馈或评审?
保留用户的术语和因果逻辑。不要为了填充空白而虚构统计、标准、成本或因果断言。
2. 组织内容
每个阶段使用2-4个简短的组。每个组包含:
- 一个短小的彩色标签(加粗);
- 一行简洁的说明文字;
- 当下一个组跟随时,在组下方加一条浅色虚线分隔符。
除非用户明确要求矩阵、卡片或对比布局,否则保持所有阶段采用相同的内部结构。不要因为某个阶段包含多个选项就为其增加额外的内部卡片;优先使用文本层次和分隔符。
保持说明性注释简短且低调。将定义、样本边界或注意事项放在注释行中,而不是放在主标签中。当文档已有图表标题和说明时,请保留在稿件中;不要在图内重复它们。
3. 应用视觉系统
阅读 references/style-spec.md 以获取精确的标记和适配规则。参考样式使用:
- 白色背景、等宽阶段模块、浅灰色外框;
- 深海军蓝 → 青绿 → 绿色调色板,当需要更多阶段时扩展浅色调;
- 阶段之间的深色填充箭头;
- 每个阶段一个与阶段含义匹配的小型白色线条图标;
- 无渐变、阴影、底纹图案、剪贴画混合物或装饰性循环。
每当用户要求使用微软雅黑字体时,请使用真正的微软雅黑文件。使用 Matplotlib FontProperties(fname=...) 明确注册常规和粗体字体文件;不要依赖字体族名查找或合成粗体。在导出的SVG中验证字体,如有字体问题应报告而不要静默替换为其他中文字体。
对标题、组标签、主要说明、操作文字和生命周期标签使用粗体排版。仅对次要注释使用常规或淡色文本。通过字号、颜色和留白保持层次结构,而不是增加不必要的边框。
4. 确定性绘制
优先使用可重现的Matplotlib/SVG工作流。从 scripts/draw_flowchart_template.py 开始,设置 orientation 和 stages 参数,并用用户的内容替换示例标签。将以下辅助部分分开处理:
- 阶段几何和标题带;
- 标题线条图标;
- 对齐的分隔线;
- 填充多边形箭头;
- 可选的生命周期/实施带;
- 多格式导出。
对于四阶段水平布局,使用 references/style-spec.md 中的参考几何。对于其他阶段数量,计算等宽模块,并在标签能容纳的前提下使用相同的外边距、间隙宽度、标题高度和内容基线。优先缩短措辞,而不是缩小排版。
导出至少300 DPI的PNG,以及可编辑的SVG和PDF。设置 svg.fonttype = "none" 以使文本尽可能保持可搜索/可编辑。仅在检查独立图后,才将PNG或PDF嵌入到稿件中。
5. 交付前质量检查
以100%比例检查独立图,然后检查渲染后的稿件页面。确认以下所有项:
- 选择的阶段数量和阅读方向一目了然;
- 在所选布局内,所有标题共享一致的基线和高度;
- 文本组在其分配区域内垂直居中;
- 虚线分隔符使用一致的虚线样式、线宽、颜色、缩进和平衡间隙;
- 所有阶段使用相同的内部卡片策略;
- 填充箭头位于间隙内,不接触边框,并指向预期方向;
- 可选底部标签与其父阶段对齐,且大小足够;
- 图标具有相同的描边宽度、颜色、缩放和光学对齐;
- 没有文本接触到彩色标题、分隔符、外框或输出条;
- 在稿件缩放后没有标签换行或裁剪;
- 嵌入后图表编号/说明序列不变;
- 导出的SVG包含微软雅黑常规/粗体,而非意外的回退字体。
对于DOCX交付,使用文档渲染技能的渲染→逐页检查循环。每次几何或字体更改后重新渲染。保留原始稿件,并将修改后的文件写入新的输出路径。
视觉示例
附带的图片 assets/research-evidence-flow.png 是一个重建的五阶段研究证据链示例。它是合成的演示内容,不是用户提供的图表或项目数据。
调用示例
- “使用
$draw-process-flowchart将此研究方法转化为五阶段期刊图。” - “使用
$draw-process-flowchart垂直重新设计此工作流,保持相同的颜色、箭头、图标和微软雅黑排版。” - “使用
$draw-process-flowchart标准化此两阶段对比图,并导出PNG/SVG/PDF。”