Agent skill

Space Mermaid Diagram

by SpaceZephyr in SpaceZephyr/design-buddy

将任意文本、工作流、逻辑转换为清晰简约的 Mermaid 流程图。支持 flowchart、sequence、class 等多种图表类型。使用场景:(1) 需要可视化工作流程,(2) 将文档/对话转为流程图,(3) 创建系统架构图,(4) 生成时序图/类图。自动保存到 Obsidian 画板目录,按日期和主题分类。

No licenceAuto-check passedDevelopment

Install Space Mermaid Diagram

skills CLI
$ npx skills add SpaceZephyr/design-buddy --skill space-mermaid-diagram -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install SpaceZephyr/design-buddy space-mermaid-diagram --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/SpaceZephyr/design-buddy.git skills-src && mkdir -p .claude/skills && cp -r skills-src/space-mermaid-diagram .claude/skills/space-mermaid-diagram && rm -rf skills-src

Use ~/.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/

Facts

Skill name
space-mermaid-diagram
GitHub stars
176
Token cost
~920 tokens
SKILL.md length
194 words
Files
2 (incl. references)
Skills in repo
16
Repo updated
First seen
Licence
None found

At a glance

将任意文本、工作流、逻辑转换为清晰简约的 Mermaid 流程图。支持 flowchart、sequence、class 等多种图表类型。使用场景:(1) 需要可视化工作流程,(2) 将文档/对话转为流程图,(3) 创建系统架构图,(4) 生成时序图/类图。自动保存到 Obsidian 画板目录,按日期和主题分类。

  • Works in 5 steps: 智能识别结构 - 从文本中提取逻辑关系和流程步骤 → 多图表类型 - 支持 flowchart、sequence、class… → 清晰简约 - 使用 emoji 和图标增强可读性 → …
  • Tasks that involve Diagrams
  • SKILL.md covers 核心能力, 支持的图表类型, 工作流程 and 使用示例, plus 4 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Space Mermaid Diagram is an agent skill from SpaceZephyr/design-buddy. 将任意文本、工作流、逻辑转换为清晰简约的 Mermaid 流程图。支持 flowchart、sequence、class 等多种图表类型。使用场景:(1) 需要可视化工作流程,(2) 将文档/对话转为流程图,(3) 创建系统架构图,(4) 生成时序图/类图。自动保存到 Obsidian 画板目录,按日期和主题分类。

Its SKILL.md is about 920 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/mermaid-syntax.md`).

It sits in Development, covering Diagrams. It works with Mermaid and Obsidian. The repository describes itself as: Design Buddy: visual production Agent Skills for brand design systems, GPT-image-2 images, diagrams, infographics, logos, slide decks, WeChat layouts and social images.

When your agent uses it

  • Tasks that involve Diagrams

Example prompts

  • “/space-mermaid-diagram”

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. 智能识别结构 - 从文本中提取逻辑关系和流程步骤
  2. 多图表类型 - 支持 flowchart、sequence、class diagram
  3. 清晰简约 - 使用 emoji 和图标增强可读性
  4. 批量生成 - 复杂逻辑可拆分为多个关联图表
  5. 自动分类保存 - 按 MMDD-主题 分文件夹保存

What it can do on your machine

Read from SKILL.md and the folder at commit f1d835f. It shows what the files ask for, not the result of running them.

  • Tool permissions

    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.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are mermaid and markdown).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Space Mermaid Diagram loads about 920 tokens when it runs, and up to ~1.9k if it reads all its reference files. Until then it costs about 45 tokens; SKILL.md has 194 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~45
When it runs · the whole SKILL.md, loaded when a task matches
~920
With references · SKILL.md plus every file in references/, read only if the agent opens them
~1.9k

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.

Safety

Auto-check passed

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.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 194 words (~920 tokens).

name
space-mermaid-diagram

Read the full SKILL.md on GitHub

Files

SKILL.md and 1 other file (references) in space-mermaid-diagram of SpaceZephyr/design-buddy.

  • SKILL.md
  • references/mermaid-syntax.md

Open the folder on GitHubat commit f1d835f

Compare with similar skills

Space Mermaid 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.

Space Mermaid Diagram compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Space Mermaid Diagram this skillSpaceZephyr/design-buddy176—~920Automated safety check: PassNone
Markdown Report WritingNeuroAIHub/BrainPilot1.1k—~2.6kAutomated safety check: WarnAGPL-3.0
Wiki DiagramIssacW228/student-llm-wiki177—~394Automated safety check: PassMIT
Archify Diagramstt-a1i/archify82k—~2.9kAutomated safety check: PassMIT
JSON Canvasheyitsnoah/claudesidian2.6k18 repos~3.5kAutomated safety check: PassMIT
Diagram Designcathrynlavery/diagram-design49k1 repos~7.6kAutomated safety check: PassMIT

Similar skills

  • Markdown Report Writing

    NeuroAIHub/BrainPilot

    Guide AI agents to write beautifully formatted, well-illustrated Markdown reports with proper structure, diagrams, and compatibility across GitHub and Obsidian.

    1.1k GitHub stars~2.6k tokensUpdated 8 days ago
    Documents & OfficeAuto-check: warnings
  • Wiki Diagram

    IssacW228/student-llm-wiki

    Add Mermaid diagrams to wiki pages to aid understanding. An agent skill from IssacW228/student-llm-wiki.

    177 GitHub stars~394 tokensUpdated 3 mo ago
    Knowledge ManagementAuto-check passed
  • Archify Diagrams

    tt-a1i/archify

    Creates interactive architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone HTML with inline SVG, themes and image or video export.

    82k GitHub stars~2.9k tokensUpdated today
    DevelopmentAuto-check passed
  • JSON Canvas

    heyitsnoah/claudesidian

    Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections.

    2.6k GitHub starsUsed in 18 repos~3.5k tokens
    DevelopmentAuto-check passed
  • Diagram Design

    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.

    49k GitHub starsUsed in 1 repo~7.6k tokens
    DevelopmentAuto-check passed
  • Draw.io Diagram Studio

    Agents365-ai/drawio-skill

    Creates and edits editable draw.io diagrams from descriptions, code, infrastructure files, SQL and API schemas, with sync, review, test and export tools.

    10k GitHub stars~2.4k tokensUpdated today
    DevelopmentAuto-check: notes

More from SpaceZephyr/design-buddy

All 16 skills in this repo
  • Slide Deck Image Generator

    SpaceZephyr/design-buddy

    Turns written content into designed slide images from an outline, merges them into PPTX or PDF, and can borrow styles from a registry of brand design systems.

    176 GitHub stars~6.5k tokensUpdated 3 mo ago
    Auto-check passed
  • WeChat Article Layout

    SpaceZephyr/design-buddy

    Turns an article into WeChat Official Account HTML with a local preview, a choice of three visual styles and a button that copies the rich HTML.

    176 GitHub stars~1.2k tokensUpdated 3 mo ago
    Auto-check passed
  • Article Illustration Batch Generator

    SpaceZephyr/design-buddy

    Splits a Markdown article by heading, drafts an image prompt for each section, then generates diagrams with the Gemini API and embeds them in the note.

    176 GitHub stars~1k tokensUpdated 3 mo ago
    Auto-check passed
  • AI Chart Image Generator

    SpaceZephyr/design-buddy

    Generates a finished chart image directly with GPT-image-2 from a text description, across ten chart types such as flowcharts, architecture diagrams and SWOT grids in six visual styles.

    176 GitHub stars~1.6k tokensUpdated 3 mo ago
    Auto-check passed
  • Batch Image Skill Builder

    SpaceZephyr/design-buddy

    Walks a non-coder through structured questions about scene, style, color, text rules and consistency, then auto-generates a complete, ready-to-use batch image-generation skill.

    176 GitHub stars~1.3k tokensUpdated 3 mo ago
    Auto-check passed
  • Space Image Studio

    SpaceZephyr/design-buddy

    Generates PNG images for four common needs: Xiaohongshu covers, slide illustrations, charts and article logic diagrams, with twelve visual styles and automatic style suggestions.

    176 GitHub stars~2k tokensUpdated 3 mo ago
    Auto-check passed

Works with

Categories

Questions about Space Mermaid Diagram

What does Space Mermaid Diagram do?

将任意文本、工作流、逻辑转换为清晰简约的 Mermaid 流程图。支持 flowchart、sequence、class 等多种图表类型。使用场景:(1) 需要可视化工作流程,(2) 将文档/对话转为流程图,(3) 创建系统架构图,(4) 生成时序图/类图。自动保存到 Obsidian 画板目录,按日期和主题分类。. Space Mermaid Diagram is an agent skill from SpaceZephyr/design-buddy.

When should I use Space Mermaid Diagram?

Space Mermaid Diagram fits situations like: tasks that involve Diagrams.

How do I install Space Mermaid Diagram in Claude Code?

Run `npx skills add SpaceZephyr/design-buddy --skill space-mermaid-diagram -a claude-code`. Or copy the skill folder (space-mermaid-diagram in SpaceZephyr/design-buddy) into .claude/skills/space-mermaid-diagram in your project. Claude Code loads it when a task matches its description.

How do I install Space Mermaid Diagram in Codex?

Run `npx skills add SpaceZephyr/design-buddy --skill space-mermaid-diagram -a codex`. Or copy the skill folder (space-mermaid-diagram in SpaceZephyr/design-buddy) into .agents/skills/space-mermaid-diagram in your project. Codex loads it when a task matches its description.

Can I use Space Mermaid Diagram in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add SpaceZephyr/design-buddy --skill space-mermaid-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-mermaid-diagram, .gemini/skills/space-mermaid-diagram, .github/skills/space-mermaid-diagram and .opencode/skills/space-mermaid-diagram in your project.

What does Space Mermaid Diagram need to run?

SKILL.md names no scripts, command-line tools or credentials: Space Mermaid Diagram is instructions for the agent only.

Does Space Mermaid Diagram access the network?

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.

Is Space Mermaid Diagram safe to install?

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.

What licence does Space Mermaid Diagram use?

No licence was found for Space Mermaid Diagram or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Space Mermaid Diagram use?

About 920 tokens (SKILL.md is roughly 3.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 987 tokens, read only when the agent opens those files.

What are the alternatives to Space Mermaid Diagram?

Skills that share tags, products or a category with Space Mermaid Diagram: Markdown Report Writing (NeuroAIHub/BrainPilot, 1.1k stars), Wiki Diagram (IssacW228/student-llm-wiki, 177 stars), Archify Diagrams (tt-a1i/archify, 82k stars) and JSON Canvas (heyitsnoah/claudesidian, 2.6k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Space Mermaid Diagram?

SpaceZephyr (a GitHub user) maintains it in SpaceZephyr/design-buddy, which has 176 GitHub stars. The repository holds 16 skills in this directory. The repository was last updated on July 6, 2026.

Source: SpaceZephyr/design-buddy on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.