Lume Mermaid 图解

Lume Mermaid 图解 is a skill for Claude Code, Codex from CavinHuang/lume. It costs 52 tokens per session (584 once invoked), scanned A, original, MIT.

A guide for creating Mermaid diagrams, which are text descriptions rendered as visual charts, that work with Lume's current renderer. It covers flows, architecture, dependencies, timelines, states, classes, and data relationships.

In plain words
What is it for?
Use it to document application structure, dependencies, process steps, interactions, state changes, type relationships, or database entities in Lume.
Why use it?
It avoids diagram syntax that Lume cannot display correctly. It also keeps diagrams readable by limiting node counts and using short labels.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Use it to document application structure, dependencies, process steps, interactions, state changes, type relationships, or database entities in Lume.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/cavinhuang/lume/lume-mermaid
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add CavinHuang/lume --skill lume-mermaid
Clone the repo
git clone --depth 1 https://github.com/CavinHuang/lume

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for Lume Mermaid 图解

README.md
[![agentmods](https://agentmods.dev/badge/skills/cavinhuang/lume/lume-mermaid/github.svg)](https://agentmods.dev/skills/cavinhuang/lume/lume-mermaid)
Your own site
<a href="https://agentmods.dev/skills/cavinhuang/lume/lume-mermaid"><img src="https://agentmods.dev/badge/skills/cavinhuang/lume/lume-mermaid/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for Lume Mermaid 图解

Your own site · 80×15
<a href="https://agentmods.dev/skills/cavinhuang/lume/lume-mermaid"><img src="https://agentmods.dev/badge/skills/cavinhuang/lume/lume-mermaid.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 52 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 584 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00052 $0.00584
Opus 5 $0.00026 $0.00292
Sonnet 5 $0.00010 $0.00117
Haiku 4.5 $0.00005 $0.00058

Measured 11d ago against content hash 3c6581bc7e7a, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-11, from the pricing page.

Security

Grade A, and why

Lume Mermaid 图解 scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 11d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

apps/sidecar/default-skills/lume-mermaid/SKILL.md · 55 lines

What it actually says

Lume Mermaid 图解

只输出 Lume 当前渲染器能够正确显示的 Mermaid,不套用官方 Mermaid 的完整语法能力。

选择图类型

  • 流程、架构、依赖、层级:使用 flowchart TDflowchart LR
  • 交互顺序、调用链:使用 sequenceDiagram
  • 状态变化:使用 stateDiagram-v2
  • 类型关系:使用 classDiagram
  • 数据实体关系:使用 erDiagram

兼容语法

  • Flowchart 节点使用 A[普通单行文本],不要写成 A["带引号文本"]
  • 标签保持单行;不要使用 <br/><br>、Markdown 或其他 HTML。需要分隔时使用 ·/ 或缩短文案。
  • 使用简短稳定的 ASCII 节点 ID,把中文放在标签中。
  • 只使用简单连线,如 -->-.->==>;边标签使用 -->|标签|
  • 只在关闭 subgraph 时使用 end,不要在普通 Flowchart 末尾添加 end
  • 不要输出当前渲染器不支持的 accTitleaccDescrclick 或初始化指令。
  • 默认不超过 12 个节点;更复杂时拆成多张小图。

工作流程

  1. 先选择最能表达关系的图类型和方向。
  2. 再把节点文案缩短到一眼可读,避免在图中复述正文。
  3. 输出一个 mermaid fenced code block。
  4. 输出前检查:无 Flowchart 标签引号、无 HTML、无多余 end、无孤立节点、节点不超过 12 个。

示例

架构或依赖关系:

flowchart LR
  Root[Lume monorepo] --> Apps[apps · 可部署应用]
  Root --> Packages[packages · 共享库]
  Root --> Crates[crates · Rust 原生模块]

调用顺序:

sequenceDiagram
  User->>Web: 提交请求
  Web->>Sidecar: 执行任务
  Sidecar-->>Web: 返回结果
Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 11d ago First seen · 55 lines · 52 tokens per session scan A 3c6581bc7e7a

Subscribe to this mod's changes

Lume Mermaid 图解 is a skill published in the GitHub repository CavinHuang/lume (3 stars, last pushed 4d ago), licensed MIT. It adds 52 tokens to every session and 584 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other skills, from other repositories

mermaid-diagram

Use when the user asks for a flowchart, architecture diagram, sequence diagram, ER diagram, state machine, gantt chart, or any visual that fits Mermaid syntax. Hope Agent's chat renders Mermaid blocks natively, so the diagram appears inline.

shiwenwen/hope-agent · 55 tokens

guizang-ppt-skill

A skill for creating presentation decks as single HTML files that users can move through horizontally in a browser. It provides templates with WebGL backgrounds, chapter title screens, large data displays, and image grids, in either an editorial or Swiss-style visual direction.

proma-ai/Proma · 161 tokens

proma-coach

A Chinese-language coach for improving how people use Proma, Agent, Skill, Chat, and project tools.

proma-ai/Proma · 386 tokens

skill-creator

Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.

proma-ai/Proma · 64 tokens

automation

A built-in workflow for creating and managing automatic or scheduled tasks. It covers one-time delays, repeated runs, monitoring, reminders, run history, and changing or stopping existing tasks.

proma-ai/Proma · 390 tokens

docx

Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files). Triggers include: any mention of 'Word doc', 'word document', '.docx', or requests to produce professional documents with formatting like tables of contents, headings, page numbers, or letterheads. Also use when…

proma-ai/Proma · 168 tokens