使用 Claude Code 创建 Skill

用 Markdown 编写流程图复制标题链接

先定义任务的输入与预期结果，再编写技能说明；用真实任务验证输出，把问题反馈到下一次修改中。

下面的图由 diagram 围栏中的 JSON 生成，不需要单独的图片文件。节点按数组顺序从左到右排列，edges 定义相邻步骤和回路。

点击放大流程图Skill 开发迭代流程

用卡片图解整理知识复制标题链接

cards 模板会自动排成最多三列，按每个节点的内容计算尺寸，处理文本换行。底部 summary 可以总结各部分的关系。

点击放大流程图上下文的三大支柱

自定义多行流程图复制标题链接

复杂图使用 grid：rows 按节点 ID 指定行列，null 留空；不需要填写像素坐标。下面用消息处理链路展示多行依赖与外围连线。全图 style 设置紧凑密度和交叉排线，节点与连线可以用自己的 style 覆盖默认值。

点击放大流程图AI 消息处理与记忆更新

需要突出某个节点时，在该节点内添加 "style": { "fill": "solid", "radius": 6, "strokeColor": "#1668b2", "align": "center" }。fill 支持 soft（浅色）、solid（实色）、hachure（交叉排线）和 none（无色块）。连线可设置 "style": { "dashed": true, "radius": 8 }。

showTitle: false 只隐藏画布内的大标题，图名仍保留为图注和可访问名称。窄屏可以在预览内横向滚动，点击整张图进入全屏后，也能继续缩放、拖动和滚动。