AI Skills · 设计svg-diagram
入馆:2026 年 11 月 3 日
svg-diagram
一套给 AI Agent 照着画 SVG 示意图的版式和配色规则,附一个检查图的小工具。
- 生态
- Agent Skills
- Skill 分类
- 设计
- 创建者 / 机构
- Bybit Exchange(GitHub 组织 bybit-exchange)
它是什么
svg-diagram 是 GitHub 上 bybit-exchange 组织发布的 SVG 制图 Skill。README 的说法是:给你的 Agent 一套手写 SVG 示意图的固定风格,包括排版的计算方法、配色系统,再加一个零依赖的检查工具(linter),用来证明 Agent 真的照做了。
画完还要验:规则写在 SKILL.md 里,linter 读你指定的 SVG 文件,输出哪里不合规,Agent 可以照着改。支持的客户端很多,README 列了 Claude Code、Codex、Cursor、Gemini CLI、Copilot、opencode、Antigravity、Pi 等;在 Claude 网页版里可以上传 Skill 文本,但网页版里跑不了本地的 Node 检查。
适合谁:常让 AI 画流程图、架构图,希望图的风格统一的开发者和写文档的人。
使用前提:用 npx skills add 装到全局或当前项目,也可以只保存 SKILL.md。linter 需要 Node;只用 Markdown 规则就不需要。README 里的 curl 命令只是把文件下载下来,不会直接运行远程脚本。安装时会从 GitHub 和 npm 下载,写进 Agent 的 Skill 目录。宿主 AI 的费用另算。许可证是 MIT,内容是英文。
以上根据项目公开说明整理,本站没有实际测试。