New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Mermaid

by xenodium in xenodium/emacs-skills

This skill should be used when the user invokes "/mermaid" to create a diagram from the current context using Mermaid and output the resulting image path.

No licenceAuto-check passedDevelopment

Install Mermaid

skills CLI
$ npx skills add xenodium/emacs-skills --skill mermaid -a claude-code

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

GitHub CLI
$ gh skill install xenodium/emacs-skills mermaid --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/xenodium/emacs-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/mermaid .claude/skills/mermaid && 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
mermaid
GitHub stars
143
Token cost
~893 tokens
SKILL.md length
329 words
Files
1
Skills in repo
19
Repo updated
First seen
Licence
None found

At a glance

This skill should be used when the user invokes "/mermaid" to create a diagram from the current context using Mermaid and output the resulting image path.

  • Works in 6 steps: Extract or derive diagrammable data from… → If the Emacs foreground color and… → Write a Mermaid file to a temporary file. → …
  • Invokes /mermaid to create a diagram from the current context using Mermaid and output the resulting image path
  • SKILL.md covers How to create a diagram, Mermaid config template, Mermaid diagram template and Rules
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Mermaid is an agent skill from xenodium/emacs-skills. This skill should be used when the user invokes "/mermaid" to create a diagram from the current context using Mermaid and output the resulting image path.

Its SKILL.md is about 890 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Development, covering Diagrams. It works with Mermaid. The repository describes itself as: Emacs skills for coding agents.

When your agent uses it

  • Invokes /mermaid to create a diagram from the current context using Mermaid and output the resulting image path
  • Tasks that involve Diagrams

Example prompts

  • “/mermaid”
  • “/mermaid”

Workflow steps

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

  1. Extract or derive diagrammable data from the current context.
  2. If the Emacs foreground color and background mode are not already known from a previous diagram in this session, query them
  3. Write a Mermaid file to a temporary file.
  4. Write a JSON config file that overrides theme variables with the queried foreground color. Set "theme" to "dark" or "default" based on the…
  5. Run mmdc with -t dark if background mode is dark, or -t default if light.
  6. Output the result as a markdown image on its own line

What it can do on your machine

Read from SKILL.md and the folder at commit a158238. 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 bash, json and mermaid).

    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

Mermaid loads about 893 tokens when it runs. Until then it costs about 41 tokens; SKILL.md has 329 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~41
When it runs · the whole SKILL.md, loaded when a task matches
~893

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 329 words (~893 tokens).

“Create a diagram from the most recent interaction context using Mermaid. Generate a PNG image with a transparent background and output it as a markdown image so it renders inline.”

— opening of SKILL.md by xenodium
name
mermaid
tools
Bash
disable-model-invocation
true

Read the full SKILL.md on GitHub

Files

Just SKILL.md in skills/mermaid of xenodium/emacs-skills.

Open the folder on GitHubat commit a158238

Compare with similar skills

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

Mermaid compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Mermaid this skillxenodium/emacs-skills143—~893Automated safety check: PassNone
Archify Diagramstt-a1i/archify82k—~2.9kAutomated safety check: PassMIT
Diagram Designcathrynlavery/diagram-design49k1 repos~7.6kAutomated safety check: PassMIT
Draw.io Diagram StudioAgents365-ai/drawio-skill10k—~2.4kAutomated safety check: NotesMIT
Pretty Mermaid Rendererimxv/Pretty-mermaid-skills1.5k—~2kAutomated safety check: PassMIT
Archify Diagram BuilderUnclecheng-li/AI_Animation1.5k2 repos~4.1kAutomated safety check: PassMIT

Similar skills

  • 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

  • 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

  • Pretty Mermaid Renderer

    imxv/Pretty-mermaid-skills

    Writes and renders Mermaid diagrams as themed SVG, PNG or terminal ASCII and Unicode art with a bundled Node.js CLI that needs no browser.

    1.5k GitHub stars~2k tokensUpdated 1 mo ago
    DevelopmentAuto-check passed

  • Archify Diagram Builder

    Unclecheng-li/AI_Animation

    Builds validated architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone interactive HTML from a small JSON spec, with optional motion and image export.

    1.5k GitHub starsUsed in 2 repos~4.1k tokens
    DevelopmentAuto-check passed

  • Mermaid

    WH-2099/mermaid-skill

    Generate Mermaid diagrams from user requirements. An agent skill from WH-2099/mermaid-skill.

    288 GitHub starsUsed in 4 repos~958 tokens
    DevelopmentAuto-check passed

More from xenodium/emacs-skills

All 19 skills in this repo

  • D2

    xenodium/emacs-skills

    This skill should be used when the user invokes "/d2" to create a diagram from the current context using D2 and output the resulting image path.

    143 GitHub stars~693 tokensUpdated 2 mo ago
    Auto-check passed

  • GitHub Activity

    xenodium/emacs-skills

    This skill should be used when the user invokes "/github-activity" to analyze a GitHub project's recent activity (PRs and issues) and produce a succinct, chart-backed health report.

    143 GitHub stars~1.5k tokensUpdated 2 mo ago
    Auto-check passed

  • Gnuplot

    xenodium/emacs-skills

    This skill should be used when the user invokes "/gnuplot" to plot data from the current context using gnuplot and output the resulting image path.

    143 GitHub stars~734 tokensUpdated 2 mo ago
    Auto-check passed

  • Mappu

    xenodium/emacs-skills

    A skill your agent uses when the user asks about a specific place — restaurant, cafe, shop, business, landmark — or when context implies a location-based lookup ("where is X", "find Y", "X in Z", "X…

    143 GitHub stars~925 tokensUpdated 2 mo ago
    Auto-check passed

  • Matplotlib

    xenodium/emacs-skills

    This skill should be used when the user invokes "/matplotlib" to plot data from the current context using matplotlib (via uv) and output the resulting image path.

    143 GitHub stars~690 tokensUpdated 2 mo ago
    Auto-check passed

  • Plantuml

    xenodium/emacs-skills

    This skill should be used when the user invokes "/plantuml" to create a diagram from the current context using PlantUML and output the resulting image path.

    143 GitHub stars~795 tokensUpdated 2 mo ago
    Auto-check passed

Works with

Categories

Questions about Mermaid

What does Mermaid do?

This skill should be used when the user invokes "/mermaid" to create a diagram from the current context using Mermaid and output the resulting image path. Mermaid is an agent skill from xenodium/emacs-skills. This skill should be used when the user invokes "/mermaid" to create a diagram from the current context using Mermaid and output the resulting image path.

When should I use Mermaid?

Mermaid fits situations like: invokes /mermaid to create a diagram from the current context using Mermaid and output the resulting image path; tasks that involve Diagrams.

How do I install Mermaid in Claude Code?

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

How do I install Mermaid in Codex?

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

Can I use Mermaid 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 xenodium/emacs-skills --skill mermaid -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/mermaid, .gemini/skills/mermaid, .github/skills/mermaid and .opencode/skills/mermaid in your project.

What does Mermaid need to run?

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

Does Mermaid 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 Mermaid 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 Mermaid use?

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

How many tokens does Mermaid use?

About 893 tokens (SKILL.md is roughly 3.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Mermaid?

Skills that share tags, products or a category with Mermaid: Archify Diagrams (tt-a1i/archify, 82k stars), Diagram Design (cathrynlavery/diagram-design, 49k stars), Draw.io Diagram Studio (Agents365-ai/drawio-skill, 10k stars) and Pretty Mermaid Renderer (imxv/Pretty-mermaid-skills, 1.5k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Mermaid?

xenodium (a GitHub user) maintains it in xenodium/emacs-skills, which has 143 GitHub stars. The repository holds 19 skills in this directory. The repository was last updated on July 21, 2026.

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