写技术文档让 Claude Code 顺手配张架构图，出来的 SVG 经常会存在一些连线、字体问题。
This is a vibe coding post classified by Jev as Skills & agent setups (a tool drop), kept by the Vibe Coding Radar because it carries real work, not commentary.
写技术文档让 Claude Code 顺手配张架构图，出来的 SVG 经常会存在一些连线、字体问题。 svg-diagram 这个 Agent Skill，给 Agent 定了一套画图的规矩，框的高度按字号算，连线拐弯只走曲线，箭头离目标框留 11 像素。 配一个零依赖的检查器，读的是最终 SVG 文件，12 项检查覆盖转义、留白、字体、重叠和配色，报错直接写明「边距 11，应为 20 到 25」。 GitHub：http://github.com/bybit-exchange/svg-diagram 一条命令就能装进 Claude Code、Codex、Cursor、Gemini CLI 等几十个 Agent。中英文各有一张字符宽度表，中文标签按每字一个字号算宽，放下去之前先查会不会溢出。 字体栈里固定带着 Noto Sans CJK SC，五组语义配色，每张图自带一块白底，贴到 GitHub 暗色主题里照样能看。 架构图、流程图、时序图、数据流、状态机五类都覆盖，仓库里放了 10 张样图。我看它连文字基线的公式都写死了，这个较真程度比一般 Skill 高不少。
Posted by GitHubDaily (84.5k followers) 11 days ago · 348 likes · 28.1k views · view the original post on X. Kept by the Vibe Coding Radar as Skills & agent setups.
More vibe coding work like this
- Adds small, composable skills to agents for opening apps, browsing the web, and creating… — @tom_doerr
- imo jev has one massive implication for agents - sifting. — @kushbhuwalka
- I was the biggest skeptic of AI video editing. Until recently. — @businessbarista
- Agent skills are spreading across orgs faster than anyone can secure them 🔒 — @chainguard_dev
- obsidian-second-brain provides persistent memory for Claude Code and Grok Bot using an… — @tom_doerr
- Anthropic wrote a 32-page guide to building Claude skills. — @godofprompt
- Generates market research, competitive battle cards, positioning, financial projections,… — @tom_doerr
- Edits video files locally using AI coding agents like Claude Code, Cursor, and Codex… — @tom_doerr
Every post is read and classified by Jev (TypeSafe): what it is, which market it belongs to, and whether the link is a real tool. 1.8k posts from 1.8k X accounts over the last 14 days, 141 tools, 12 markets. Collected every 5 minutes, fully re-ranked every hour — last update 2026-09-19 01:18 UTC. Full method.