
示意封面由本站生成,真实效果请查看源仓库示例。
如何使用
- 1
复制安装提示
登录后点击右侧黑色按钮,一键复制。
- 2
粘贴给你的 agent
在 Claude Code、Codex、Cursor 等工具里粘贴发送,它会自己装好。
- 3
用一句话调用
像下面这样说出你要做的东西,agent 会按这个 Skill 的流程来做。
你:
/baoyu-diagram 帮我做:深色 SVG 架构图、流程图、时间线、思维导图示例对话,仅演示调用方式,不代表实际产出。
你会得到
- 可编辑、可版本管理的 SVG
- 一个 Skill 覆盖多种图表
- 在文档与幻灯片里都好看的暗色主题
适合
- 深色 SVG 架构图、流程图、时间线、思维导图
不适合
- 需要在 draw.io 或 Figma 里编辑的图
- 许可证
- MIT
- 作者
- @JimLiu
- 来源
- jimliu/baoyu-skills/skills/baoyu-diagram · ★ 26,360
支持:Claude CodeCodexCursorGemini CLIOpenCode
上游描述
Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines, illustrative/conceptual diagrams, and more. Use this skill whenever the user asks for any kind of technical or conceptual diagram, visualization of a system, process flow, data flow, component relationship, network topology, decision tree,…
其他安装方式
更喜欢自己动手?下面的命令和上方按钮效果相同。
安装提示词(粘贴给你的 Agent)
Read https://skilloop.dev/skills/baoyu-diagram/install.md and follow the instructions to install the skill.
一行命令安装 · Claude Code
npx skills add https://github.com/jimliu/baoyu-skills/tree/main/skills/baoyu-diagram -g -a claude-code
一行命令安装 · Codex / Cursor
npx skills add https://github.com/jimliu/baoyu-skills/tree/main/skills/baoyu-diagram -g -a codex
手动安装(git) · Claude Code
git clone --depth 1 https://github.com/jimliu/baoyu-skills.git /tmp/baoyu-skills mkdir -p ~/.claude/skills && cp -r /tmp/baoyu-skills/skills/baoyu-diagram ~/.claude/skills/baoyu-diagram
作品版权归原作者所有,依其许可证分发;本站仅做链接与介绍。
相关技能

免费
文档9.0k
数据报告页
把 CSV / Excel / JSON 数据变成带图表和结论的精美报告页。
作者: nexu-ionexu-io/html-anything · Apache-2.0

免费
文档179.8k
Skill 创建器
创建、修改并评测你自己的 Agent Skill,含评测与描述优化以提升触发准确率。
作者: anthropicsanthropics/skills · Apache-2.0

免费
文档295.7k
动手前头脑风暴
让编码 agent 在写代码前先和你澄清意图、需求和设计。
作者: obraobra/superpowers · MIT

免费
文档295.7k
系统化调试
四阶段调试纪律:先找根因再修复,适用于任何 bug 或失败测试。
作者: obraobra/superpowers · MIT