Communitygithub.com

AILatest-Studio/ailatest-skill

创建、修改和审校出版级流程图,支持可配置的阶段数、水平或垂直布局、彩色标题、对齐分隔线、填充箭头、线条图标、微软雅黑字体,以及PNG/SVG/PDF导出。当用户要求绘制、重新设计、标准化或嵌入流程、证据链、决策框架、实施工作流等论文图表时使用;主题和阶段数可灵活调整。

ailatest-skill 是什么?

这是一个专门用于生成学术出版级流程图的AI技能,基于中文期刊视觉风格,支持2-6个阶段的可配置布局,包括水平、垂直甚至二维矩阵方向。该技能特别强调排版一致性和语义准确性,通过语义合约定义阶段内容,要求用户保留原始术语和逻辑关系,避免虚构统计或因果关系。它支持微软雅黑中文字体渲染、线条图标系统、彩色标题和填充箭头,并能导出300 DPI的PNG、可编辑SVG和PDF文件。该技能适用于Claude Code、Cursor和Codex等平台,通过Matplotlib/SVG工作流实现可重现的图表绘制,并内置了严格的质量检查流程,确保所有视觉元素对齐、文本不重叠、字体正确渲染。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/AILatest-Studio/ailatest-skill/tree/HEAD/skills/draw-process-flowchart

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

流程图

使用此技能将任何有序流程、决策框架、证据链或实施工作流转化为清晰、可发表级别的流程图。提供的参考图片是样式参考,而非固定的四列模板:根据内容选择阶段数量和方向。

工作流程

1. 定义语义合约

在绘图之前列出实际阶段。默认使用2-6个阶段;仅当阶段具有明确的决策、负责人、输入/输出或证据类型时才拆分为独立阶段。当相邻方框包含重复措辞时合并阶段。

选择阅读方向:

  • 对于2-6个紧凑阶段和宽页面,使用水平序列;
  • 对于长标签、多阶段或竖排窄页面,使用垂直序列;
  • 仅当两个独立维度在分析上必要时,才使用二维矩阵。

在一行中写出主序列,例如:

输入/观察 → 分析/设计 → 执行/交付 → 反馈/复核

仅当存在明确的交接或生命周期时,才添加可选的辅助执行带。将其标签与对应的主阶段对齐;不要重复主面板文字。

为每个阶段定义一个提问:

  • 什么证据或输入启动了流程?
  • 下一步进行什么分析、验证或分类?
  • 接着有哪些选项、操作或决策?
  • 如何闭环实施、交付、反馈或评审?

保留用户的术语和因果逻辑。不要为了填充空白而虚构统计、标准、成本或因果断言。

2. 组织内容

每个阶段使用2-4个简短的组。每个组包含:

  1. 一个短小的彩色标签(加粗);
  2. 一行简洁的说明文字;
  3. 当下一个组跟随时,在组下方加一条浅色虚线分隔符。

除非用户明确要求矩阵、卡片或对比布局,否则保持所有阶段采用相同的内部结构。不要因为某个阶段包含多个选项就为其增加额外的内部卡片;优先使用文本层次和分隔符。

保持说明性注释简短且低调。将定义、样本边界或注意事项放在注释行中,而不是放在主标签中。当文档已有图表标题和说明时,请保留在稿件中;不要在图内重复它们。

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。”

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

相关技能