Skilloop
暗色 SVG 图表(宝玉)

示意封面由本站生成,真实效果请查看源仓库示例。

如何使用

  1. 1

    复制安装提示

    登录后点击右侧黑色按钮,一键复制。

  2. 2

    粘贴给你的 agent

    在 Claude Code、Codex、Cursor 等工具里粘贴发送,它会自己装好。

  3. 3

    用一句话调用

    像下面这样说出你要做的东西,agent 会按这个 Skill 的流程来做。

你:/baoyu-diagram 帮我做:深色 SVG 架构图、流程图、时间线、思维导图

示例对话,仅演示调用方式,不代表实际产出。

你会得到

  • 可编辑、可版本管理的 SVG
  • 一个 Skill 覆盖多种图表
  • 在文档与幻灯片里都好看的暗色主题

适合

  • 深色 SVG 架构图、流程图、时间线、思维导图

不适合

  • 需要在 draw.io 或 Figma 里编辑的图
许可证
MIT
作者
@JimLiu
支持: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

作品版权归原作者所有,依其许可证分发;本站仅做链接与介绍。

相关技能