关于 tikz-flowchart
tikz-flowchart 是用于通过 LaTeX TikZ 创建技术流程图、架构图和流程示意图的技能。它提供主题模板与布局、连线规范,适合需要输出结构清晰图表的技术绘图任务。
主要功能
- 01提供 Material-like 与 Anthropic 主题
- 02规划节点布局与分组
- 03规范正交连线和锚点
- 04支持泳道与阶段容器
- 05建议独立检查图表要求
适用场景
- 01绘制工程流程图
- 02制作系统架构图
- 03按主题设计产品示意图
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ yzlnew/ infra-skills --skill tikz-flowchart安装后在 Claude Code 中输入/tikz-flowchart确认已加载。
附带文件themes/anthropic.mdthemes/material-like.md
详细介绍
TikZ 流程图技能
此技能提供标准化模板和样式,用于使用 LaTeX TikZ 创建专业的技术图表。它适用于创建流程图、架构图和流程示意图。
用法
在此项目中收到“创建流程图”或“绘制图表”的请求时,先选择一种主题,然后仅打开该主题的文件作为起点。
编写任何 \node 或 \draw 命令之前,先规划布局:确定主流程方向,将节点分组成行、列或泳道,并确保相关节点对齐,以便连接线保持正交。
如果需要判断生成的图表是否真正满足用户要求,不要只依赖自己生成时的判断。应启动一个子 Agent 进行独立审查,并根据审查结果验证是否符合要求或找出遗漏。
- 对于常规工程图表,使用默认 Material 风格主题,它采用更鲜明的语义颜色编码,并使用不同形状表示数据、存储和计算。
- 用户需要暖象牙色背景、低调的虚线分组容器、柔和色卡片、细连接线和平和的产品图表风格时,使用 Anthropic 主题。
主题选择
- 如果请求提及 Anthropic、暖色调/产品图表风格、柔和色卡片或虚线所有权泳道,请使用 Anthropic 主题。
- 否则,默认使用 Material 风格主题。
主题文件
| 主题 | 文件 |
|---|---|
| 默认 Material 风格 | themes/material-like.md |
| Anthropic | themes/anthropic.md |
选择主题后,阅读相应文件,了解完整的样式指南、颜色定义、节点样式和 LaTeX 模板。
最佳实践
- 先规划布局:绘制连线之前,先确定节点布局。确定主要阅读方向,将节点安排到行、列或泳道中,并对齐相关节点,使大多数连线无需转弯或只需转弯一次。如果连线路径不自然,应先调整布局,而不是勉强绘制连线。
- 相对定位:使用
right=of Node、below=of Node或明确坐标来保持布局稳定。通过node distance或固定的x/y间距调整距离,为标签和转弯留出足够空间。 - 垂直连接边缘:连接到
.east、.west、.north和.south等明确的锚点。连接到节点的线段必须与该侧垂直:水平连入.east/.west,垂直连入.north/.south。 - 正交连线:对于已处于同一行或同一列的节点,优先使用直线
--;只有确实需要转弯时才使用-|/|-。避免斜线,也不要让线条碰到节点角部或以倾斜角度擦过边缘。 - 分组:使用
fit库和背景图层组样式绘制泳道或阶段容器。对于 Anthropic 主题,容器应保持透明并使用虚线。 - 简洁:保持节点文本简短。使用
\\换行,并使用\scriptsize或专用标签宏显示次要细节。 - Anthropic 节点形状:在 Anthropic 主题中,默认优先使用圆角矩形。仅在表示真实决策时使用菱形,并避免使用厚重的圆柱体或带阴影的计算框。
- Anthropic 字体排版:整个图表应使用无衬线字体,每个节点内的主要行和次要行使用有色文字,而非纯黑文字。
- 独立审查:评估生成的流程图是否满足用户的约束时,应启动一个子 Agent,根据要求审查输出。不要将生成过程中的自我评估视为充分验证。
评论
支持 Markdown