GitHubDaily(@GitHub_Daily):写技术文档让 Claude Code 顺手配张架构图，出来的 SVG 经常会存在一些连线、字体问题。 svg-diagram 这个 Agent Skill，给 Agent 定了一套画图的规矩，框的高度按字号算，连线拐弯只走曲线，箭头离目标框留 11 像素。配一个零依赖的检查器，读的是最终 SVG 文件，12 项检查覆盖转义、留白、字体、重叠和配色，报错直接写明「边距 11，应为 20 到 25」。 GitHub：https://t.co/2PrzJTu1Tc 一条命令就能装进 Claude Code、Codex、Cursor、Gemini CLI 等几十个 Agent。中英文各有一张字符宽度表，中文标签按每字一个字号算宽，放下去之前先查会不会溢出。字体栈里固定带着 Noto Sans CJK SC，五组语义配色，每张图自带一块白底，贴到 GitHub 暗色主题里照样能看。架构图、流程图、时序图、数据流、状态机五类都覆盖，仓库里放了 10 张样图。我看它连文字基线的公式都写死了，这个较真程度比一般 Skill 高不少。

2026.09.08 04:00

写技术文档让 Claude Code 顺手配张架构图，出来的 SVG 经常会存在一些连线、字体问题。 svg-diagram 这个 Agent Skill，给 Agent 定了一套画图的规矩，框的高度按字号算，连线拐弯只走曲线，箭头离目标框留 11 像素。配一个零依赖的检查器，读的是最终 SVG 文件，12 项检查覆盖转义、留白、字体、重叠和配色，报错直接写明「边距 11，应为 20 到 25」。 GitHub：一条命令就能装进 Claude Code、Codex、Cursor、Gemini CLI 等几十个 Agent。中英文各有一张字符宽度表，中文标签按每字一个字号算宽，放下去之前先查会不会溢出。字体栈里固定带着 Noto Sans CJK SC，五组语义配色，每张图自带一块白底，贴到 GitHub 暗色主题里照样能看。架构图、流程图、时序图、数据流、状态机五类都覆盖，仓库里放了 10 张样图。我看它连文字基线的公式都写死了，这个较真程度比一般 Skill 高不少。

显示更多