Diagram Maker
garrytan/gstack
Turns an English description or Mermaid source into a diagram set: the source, an editable .excalidraw file and rendered SVG and PNG images.
【公众号配图版】把公众号文章/段落拆成逻辑关系图,做成可直接放进公众号的配图。生成逻辑关系 SVG,默认输出独立 HTML(可本地预览、可截图导出 PNG),也可交给 Codex/workbuddy 内置出图模型出成图片。支持递进、流程、循环、层次、对比、矩阵六种关系。当用户给文章/段落/论述并要求生成逻辑图、关系图、配图、可视化时触发。支持中文,一次可拆多张。
$ npx skills add SpaceZephyr/creator-buddy --skill space-text-logic-diagram -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install SpaceZephyr/creator-buddy space-text-logic-diagram --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/SpaceZephyr/creator-buddy.git skills-src && mkdir -p .claude/skills && cp -r skills-src/gzh-Skills/space-text-logic-diagram .claude/skills/space-text-logic-diagram && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "space-text-logic-diagram" agent skill from https://github.com/SpaceZephyr/creator-buddy/tree/main/gzh-Skills/space-text-logic-diagram into .claude/skills/space-text-logic-diagram/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-text-logic-diagram", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/SpaceZephyr/creator-buddy/tree/main/gzh-Skills/space-text-logic-diagramType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add SpaceZephyr/creator-buddy --skill space-text-logic-diagram -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install SpaceZephyr/creator-buddy space-text-logic-diagram --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/SpaceZephyr/creator-buddy.git skills-src && mkdir -p .agents/skills && cp -r skills-src/gzh-Skills/space-text-logic-diagram .agents/skills/space-text-logic-diagram && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "space-text-logic-diagram" agent skill from https://github.com/SpaceZephyr/creator-buddy/tree/main/gzh-Skills/space-text-logic-diagram into .agents/skills/space-text-logic-diagram/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-text-logic-diagram", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add SpaceZephyr/creator-buddy --skill space-text-logic-diagram -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install SpaceZephyr/creator-buddy space-text-logic-diagram --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/SpaceZephyr/creator-buddy.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/gzh-Skills/space-text-logic-diagram .cursor/skills/space-text-logic-diagram && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "space-text-logic-diagram" agent skill from https://github.com/SpaceZephyr/creator-buddy/tree/main/gzh-Skills/space-text-logic-diagram into .cursor/skills/space-text-logic-diagram/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-text-logic-diagram", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/SpaceZephyr/creator-buddy.git --path gzh-Skills/space-text-logic-diagram--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add SpaceZephyr/creator-buddy --skill space-text-logic-diagram -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install SpaceZephyr/creator-buddy space-text-logic-diagram --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/SpaceZephyr/creator-buddy.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/gzh-Skills/space-text-logic-diagram .gemini/skills/space-text-logic-diagram && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "space-text-logic-diagram" agent skill from https://github.com/SpaceZephyr/creator-buddy/tree/main/gzh-Skills/space-text-logic-diagram into .gemini/skills/space-text-logic-diagram/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-text-logic-diagram", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install SpaceZephyr/creator-buddy space-text-logic-diagramInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add SpaceZephyr/creator-buddy --skill space-text-logic-diagram -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/SpaceZephyr/creator-buddy.git skills-src && mkdir -p .github/skills && cp -r skills-src/gzh-Skills/space-text-logic-diagram .github/skills/space-text-logic-diagram && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "space-text-logic-diagram" agent skill from https://github.com/SpaceZephyr/creator-buddy/tree/main/gzh-Skills/space-text-logic-diagram into .github/skills/space-text-logic-diagram/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-text-logic-diagram", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add SpaceZephyr/creator-buddy --skill space-text-logic-diagram -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install SpaceZephyr/creator-buddy space-text-logic-diagram --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/SpaceZephyr/creator-buddy.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/gzh-Skills/space-text-logic-diagram .opencode/skills/space-text-logic-diagram && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "space-text-logic-diagram" agent skill from https://github.com/SpaceZephyr/creator-buddy/tree/main/gzh-Skills/space-text-logic-diagram into .opencode/skills/space-text-logic-diagram/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-text-logic-diagram", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
space-text-logic-diagram【公众号配图版】把公众号文章/段落拆成逻辑关系图,做成可直接放进公众号的配图。生成逻辑关系 SVG,默认输出独立 HTML(可本地预览、可截图导出 PNG),也可交给 Codex/workbuddy 内置出图模型出成图片。支持递进、流程、循环、层次、对比、矩阵六种关系。当用户给文章/段落/论述并要求生成逻辑图、关系图、配图、可视化时触发。支持中文,一次可拆多张。
Space Text Logic Diagram is an agent skill from SpaceZephyr/creator-buddy. 【公众号配图版】把公众号文章/段落拆成逻辑关系图,做成可直接放进公众号的配图。生成逻辑关系 SVG,默认输出独立 HTML(可本地预览、可截图导出 PNG),也可交给 Codex/workbuddy 内置出图模型出成图片。支持递进、流程、循环、层次、对比、矩阵六种关系。当用户给文章/段落/论述并要求生成逻辑图、关系图、配图、可视化时触发。支持中文,一次可拆多张。
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including assets.
The repository describes itself as: Creator Buddy: orchestrated Agent Skills for cross-platform content search, creator analysis, and viral trend research. The licence is MIT.
3 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit edf46c5. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
No scripts in the folder and no shell commands in SKILL.md (its code samples are svg and html).
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Space Text Logic Diagram loads about 1.1k tokens when it runs. Until then it costs about 52 tokens; SKILL.md has 311 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from SpaceZephyr/creator-buddy at commit edf46c5, republished under its MIT licence (© SpaceZephyr). 311 words, ~1,127 tokens.
.claude/skills/space-text-logic-diagram/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.将文本转换为精准的逻辑关系 SVG 图,输出为独立 HTML 文件。
定位:公众号配图工具。用户给一段内容(文章 / 段落 / 论述),你把它的逻辑拆成图,做成可直接放进公众号的配图。
两种出图方式:
image_gen/image2,workbuddy 用其出图模型。适合要「手绘/插画感」而非精确 SVG 时。公众号常用尺寸:正文配图 16:9 或 3:2|方图 1:1|头图 2.35:1。生成 HTML 时画布按此比例。
输出:默认存用户图片目录,命名 MMDD-主题.html 或 .png。
当用户提到以下场景时,主动使用此技能:
| 关系类型 | 适用场景 | 视觉特征 |
|---|---|---|
| 递进关系 | 概念渐进发展、层层深入 | 阶梯式排列,箭头从左到右或从上到下 |
| 流程关系 | 步骤顺序、阶段推进 | 线性/蛇形排列,带编号的节点 |
| 循环关系 | 概念循环往复、闭环反馈 | 环形排列,首尾相连 |
| 层次结构 | 包含、从属、分类关系 | 树形/金字塔/嵌套结构 |
| 对比关系 | 对照、比较、优劣分析 | 左右/上下对称排列 |
| 矩阵关系 | 多维度交叉、复杂关联 | 网格/象限布局 |
根据分析结果,使用本技能的设计规范生成 HTML 文件。
多段拆解规则:
<div class="diagram-card"> 容器支持深色和浅色主题切换,默认深色。
融合 Cursor 暖色深底 + Claude 赭石强调色。告别冷蓝色调。
| 元素 | 颜色 |
|---|---|
| 页面背景 | #141413 (温暖近黑) |
| 卡片背景 | #1a1a18 |
| 节点填充主色 | #1e1e1c → #282825 |
| 节点描边 | #7a6e5e (暖棕) |
| 主文字 | #faf9f5 (Ivory 暖白) |
| 副文字 | #b0aea5 (暖银) |
| 连接线 | rgba(38, 37, 30, 0.35) |
| 箭头 | #8a8377 |
| 强调色 | #7a6e5e (暖棕), #c96442 (赭石) |
融合 Claude 羊皮纸 + Cursor 暖面。
| 元素 | 颜色 |
|---|---|
| 页面背景 | #f5f4ed (羊皮纸) |
| 卡片背景 | #faf9f5 (Ivory) |
| 节点填充主色 | #ebe9e2 → #e0ddd4 |
| 节点描边 | #8a7e6e (暖棕) |
| 主文字 | #141413 (暖近黑) |
| 副文字 | #5e5d59 (橄榄灰) |
| 连接线 | #c8c5bc |
| 箭头 | #8a8377 |
| 强调色 | #8a7e6e (暖棕), #c96442 (赭石) |
0 0 800 500,按需调整dx=1.5, dy=1.5, stdDeviation=2<!-- 带阴影的圆角矩形节点 -->
<rect x="X" y="Y" width="W" height="H" rx="8"
class="svg-node" stroke="#7a6e5e" stroke-width="1.5"
filter="url(#shadow)"/>
<text x="CX" y="CY" class="svg-text-primary" font-size="14" font-weight="600"
text-anchor="middle">概念名称</text><!-- 标准连接线 -->
<line x1="X1" y1="Y1" x2="X2" y2="Y2"
class="svg-line" stroke-width="1" marker-end="url(#arrow)"/>
<!-- 虚线连接(表示弱关系/隐含关系) -->
<line x1="X1" y1="Y1" x2="X2" y2="Y2"
class="svg-line" stroke-width="1" stroke-dasharray="4,3"
marker-end="url(#arrow)"/>
<!-- 曲线连接(避开障碍物) -->
<path d="M X1 Y1 Q CX CY X2 Y2"
class="svg-line" stroke-width="1" fill="none"
marker-end="url(#arrow)"/><div class="diagram-card">
<div class="diagram-label">
<span class="label-tag">递进关系</span>
<span class="label-title">第一段:XXX 的渐进发展</span>
</div>
<div class="diagram-body">
<svg class="diagram-svg" viewBox="0 0 800 500">
<!-- SVG 内容 -->
</svg>
</div>
</div>始终生成一个独立的 .html 文件,包含:
© SpaceZephyr, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 1 other file (assets) in gzh-Skills/space-text-logic-diagram of SpaceZephyr/creator-buddy.
Open the folder on GitHubat commit edf46c5
Space Text Logic Diagram next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Space Text Logic Diagram this skillSpaceZephyr/creator-buddy | 1.6k | — | ~1.1k | Automated safety check: Pass | MIT | |
| Diagram Makergarrytan/gstack | 136k | — | ~4.1k | Automated safety check: Notes | MIT | |
| Diagram Makeropenclaw/openclaw | 392k | 2 repos | ~589 | Automated safety check: Pass | MIT | |
| SVG Diagram GeneratorJimLiu/baoyu-skills | 27k | 1 repos | ~3.1k | Automated safety check: Pass | MIT | |
| SVG DiagramsCopilotKit/OpenGenerativeUI | 2.1k | — | ~3k | Automated safety check: Pass | MIT | |
| Diagram Designcathrynlavery/diagram-design | 48k | 1 repos | ~7.6k | Automated safety check: Pass | MIT |
garrytan/gstack
Turns an English description or Mermaid source into a diagram set: the source, an editable .excalidraw file and rendered SVG and PNG images.
openclaw/openclaw
Create SVG/HTML or Excalidraw diagrams for concepts, architecture, flows, and whiteboards.
JimLiu/baoyu-skills
Creates standalone dark-themed SVG diagrams, including architecture, flowchart, sequence, structural, mind map, timeline and state machine types.
CopilotKit/OpenGenerativeUI
Generating rich inline SVG diagrams to visually explain systems, processes, architectures, and abstract concepts.
cathrynlavery/diagram-design
Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.
bybit-exchange/svg-diagram
SVG diagramming conventions blending a technical look with CJK-friendly typography.
SpaceZephyr/creator-buddy
Fetches hot WeChat Official Account articles by sector or keywords and produces a data file and an HTML report with rankings, style patterns and writing references.
SpaceZephyr/creator-buddy
Turns an article, SOP, or tutorial into a self-contained, multi-page 3:4 HTML deck of image cards meant to be screenshotted page by page.
SpaceZephyr/creator-buddy
Finds recent viral WeChat official account articles for a niche keyword and shows up to ten picks as cards, for topic research and benchmarking.
SpaceZephyr/creator-buddy
Draws chart images such as flowcharts, architecture diagrams, ER diagrams and SWOT boards for WeChat official account articles, in one of six visual styles.
SpaceZephyr/creator-buddy
Creates a 2.35:1 header cover for a WeChat official account article with image generation, keeping the headline inside the area that survives sharing crops.
SpaceZephyr/creator-buddy
Adds sound to a finished video: generates narration from a script with TTS, finds royalty-free background music, and mixes everything together with ffmpeg.
【公众号配图版】把公众号文章/段落拆成逻辑关系图,做成可直接放进公众号的配图。生成逻辑关系 SVG,默认输出独立 HTML(可本地预览、可截图导出 PNG),也可交给 Codex/workbuddy 内置出图模型出成图片。支持递进、流程、循环、层次、对比、矩阵六种关系。当用户给文章/段落/论述并要求生成逻辑图、关系图、配图、可视化时触发。支持中文,一次可拆多张。. Space Text Logic Diagram is an agent skill from SpaceZephyr/creator-buddy.
Run `npx skills add SpaceZephyr/creator-buddy --skill space-text-logic-diagram -a claude-code`. Or copy the skill folder (gzh-Skills/space-text-logic-diagram in SpaceZephyr/creator-buddy) into .claude/skills/space-text-logic-diagram in your project. Claude Code loads it when a task matches its description.
Run `npx skills add SpaceZephyr/creator-buddy --skill space-text-logic-diagram -a codex`. Or copy the skill folder (gzh-Skills/space-text-logic-diagram in SpaceZephyr/creator-buddy) into .agents/skills/space-text-logic-diagram in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add SpaceZephyr/creator-buddy --skill space-text-logic-diagram -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/space-text-logic-diagram, .gemini/skills/space-text-logic-diagram, .github/skills/space-text-logic-diagram and .opencode/skills/space-text-logic-diagram in your project.
SKILL.md names no scripts, command-line tools or credentials: Space Text Logic Diagram is instructions for the agent only.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Space Text Logic Diagram is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.1k tokens (SKILL.md is roughly 4.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Space Text Logic Diagram: Diagram Maker (garrytan/gstack, 136k stars), Diagram Maker (openclaw/openclaw, 392k stars), SVG Diagram Generator (JimLiu/baoyu-skills, 27k stars) and SVG Diagrams (CopilotKit/OpenGenerativeUI, 2.1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
SpaceZephyr (a GitHub user) maintains it in SpaceZephyr/creator-buddy, which has 1,613 GitHub stars. The repository holds 31 skills in this directory. The repository was last updated on August 26, 2026.
Source: SpaceZephyr/creator-buddy on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.