mcpField
T
tikz-flowchart

tikz-flowchart

github.com/yzlnew设计与 UI156274 次安装16 周前更新
代码仓库

关于 tikz-flowchart

tikz-flowchart 是用于通过 LaTeX TikZ 创建技术流程图、架构图和流程示意图的技能。它提供主题模板与布局、连线规范,适合需要输出结构清晰图表的技术绘图任务。

主要功能

  1. 01提供 Material-like 与 Anthropic 主题
  2. 02规划节点布局与分组
  3. 03规范正交连线和锚点
  4. 04支持泳道与阶段容器
  5. 05建议独立检查图表要求

适用场景

  1. 01绘制工程流程图
  2. 02制作系统架构图
  3. 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
Anthropicthemes/anthropic.md

选择主题后,阅读相应文件,了解完整的样式指南、颜色定义、节点样式和 LaTeX 模板。

最佳实践

  1. 先规划布局:绘制连线之前,先确定节点布局。确定主要阅读方向,将节点安排到行、列或泳道中,并对齐相关节点,使大多数连线无需转弯或只需转弯一次。如果连线路径不自然,应先调整布局,而不是勉强绘制连线。
  2. 相对定位:使用 right=of Node、below=of Node 或明确坐标来保持布局稳定。通过 node distance 或固定的 x/y 间距调整距离,为标签和转弯留出足够空间。
  3. 垂直连接边缘:连接到 .east、.west、.north 和 .south 等明确的锚点。连接到节点的线段必须与该侧垂直:水平连入 .east/.west,垂直连入 .north/.south。
  4. 正交连线:对于已处于同一行或同一列的节点,优先使用直线 --;只有确实需要转弯时才使用 -|/|-。避免斜线,也不要让线条碰到节点角部或以倾斜角度擦过边缘。
  5. 分组:使用 fit 库和背景图层组样式绘制泳道或阶段容器。对于 Anthropic 主题,容器应保持透明并使用虚线。
  6. 简洁:保持节点文本简短。使用 \\ 换行,并使用 \scriptsize 或专用标签宏显示次要细节。
  7. Anthropic 节点形状:在 Anthropic 主题中,默认优先使用圆角矩形。仅在表示真实决策时使用菱形,并避免使用厚重的圆柱体或带阴影的计算框。
  8. Anthropic 字体排版:整个图表应使用无衬线字体,每个节点内的主要行和次要行使用有色文字,而非纯黑文字。
  9. 独立审查:评估生成的流程图是否满足用户的约束时,应启动一个子 Agent,根据要求审查输出。不要将生成过程中的自我评估视为充分验证。

评论

支持 Markdown