Agent skill

Mindmap

by ZJU-REAL in ZJU-REAL/Easel

思维导图:把 Markdown 大纲(标题层级 + 列表)渲染成可交互思维导图 HTML,可选导出 PNG。适合知识结构、内容框架、SWOT、脑图梳理。当用户说 思维导图、脑图、mindmap、知识导图、大纲图、把要点做成脑图、内容结构图、SWOT图、树状图 时使用。基于 shared/scripts/mindmap.py(markmap 自包含 HTML + Chromium 渲染…

Apache-2.0Auto-check passedMedia & Creative

Install Mindmap

skills CLI
$ npx skills add ZJU-REAL/Easel --skill mindmap -a claude-code

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

GitHub CLI
$ gh skill install ZJU-REAL/Easel mindmap --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/ZJU-REAL/Easel.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/openclaw/mindmap .claude/skills/mindmap && 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
mindmap
GitHub stars
3.2k
Token cost
~362 tokens
SKILL.md length
87 words
Files
1
Skills in repo
113
Repo updated
First seen
Licence
Apache-2.0

At a glance

思维导图:把 Markdown 大纲(标题层级 + 列表)渲染成可交互思维导图 HTML,可选导出 PNG。适合知识结构、内容框架、SWOT、脑图梳理。当用户说 思维导图、脑图、mindmap、知识导图、大纲图、把要点做成脑图、内容结构图、SWOT图、树状图 时使用。基于 shared/scripts/mindmap.py(markmap 自包含 HTML + Chromium 渲染…

  • Works in 3 steps: 先把内容组织成清晰的 Markdown… → 层级建议 2-4 层,节点文字精炼(几个字),别把整句话塞进节点。 → HTML 可交互(展开/折叠、缩放),适合分享或嵌入;PNG 适合直接发图。
  • Tasks that involve Startup and business strategy
  • SKILL.md covers 输入, 输出(outputs/主题名/), 执行 and 用法要点, plus 3 more sections
  • Calls python and make

What it does

Mindmap is an agent skill from ZJU-REAL/Easel. 思维导图:把 Markdown 大纲(标题层级 + 列表)渲染成可交互思维导图 HTML,可选导出 PNG。适合知识结构、内容框架、SWOT、脑图梳理。当用户说 思维导图、脑图、mindmap、知识导图、大纲图、把要点做成脑图、内容结构图、SWOT图、树状图 时使用。基于 shared/scripts/mindmap.py(markmap 自包含 HTML + Chromium 渲染 PNG)。与 chart-visualization/infographic 区别:那些做数据图表/信息图,本 SKILL 专做层级大纲思维导图。

Its SKILL.md is about 360 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 Media & Creative, covering Startup and business strategy, Infographics and Markdown. The repository describes itself as: An open-source AI agent for social media — discover trends, create content, publish everywhere, and learn what works across Xiaohongshu, Douyin, Zhihu, Bilibili, and more.🎨一个开源的… The licence is Apache-2.0.

When your agent uses it

  • Tasks that involve Startup and business strategy
  • Tasks that involve Infographics
  • Tasks that involve Markdown

Example prompts

  • “/mindmap”

Requirements

  • Python 3

Workflow steps

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

  1. 先把内容组织成清晰的 Markdown 大纲(层级分明、每节点简短)——这是脑图质量的关键,
  2. 层级建议 2-4 层,节点文字精炼(几个字),别把整句话塞进节点。
  3. HTML 可交互(展开/折叠、缩放),适合分享或嵌入;PNG 适合直接发图。

What it can do on your machine

Read from SKILL.md and the folder at commit fb80ae6. 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

    Shell commands in SKILL.md call:

    • python
    • make

    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

Mindmap loads about 362 tokens when it runs. Until then it costs about 69 tokens; SKILL.md has 87 words of instructions outside code blocks.

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

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

The full file from ZJU-REAL/Easel at commit fb80ae6, republished under its Apache-2.0 licence (© ZJU-REAL). 87 words, ~362 tokens.

Download SKILL.mdSave it as .claude/skills/mindmap/SKILL.md (or your agent's skills folder).
name
mindmap
description
思维导图:把 Markdown 大纲(标题层级 + 列表)渲染成可交互思维导图 HTML,可选导出 PNG。适合知识结构、内容框架、SWOT、脑图梳理。当用户说 思维导图、脑图、mindmap、知识导图、大纲图、把要点做成脑图、内容结构图、SWOT图、树状图 时使用。基于 shared/scripts/mindmap.py(markmap 自包含 HTML + Chromium 渲染 PNG)。与 chart-visualization/infographic 区别:那些做数据图表/信息图,本 SKILL 专做层级大纲思维导图。
layer
produce

思维导图(Markdown → 脑图)

把 Markdown 大纲渲染成可交互思维导图 HTML,可选导出 PNG。走 skills/shared/scripts/mindmap.py (markmap)。

数据图表见 chart-visualization;信息图/流程图见 infographic;本 SKILL 专做层级大纲脑图。

输入

Markdown 大纲(用标题 #/##/### 表示层级,- 列表表示叶子):

markdown
# 中心主题
## 分支一
- 要点 A
- 要点 B
## 分支二
- 要点 C

输出(outputs/主题名/)

  • 思维导图 HTML(单文件;markmap JS 走 CDN,联网可交互展开/折叠,离线打开不可交互)
  • 可选 PNG 图片(--png)

执行

脚本路径(相对项目根):skills/shared/scripts/mindmap.py(make -h)。

bash
# 先把内容整理成 Markdown 大纲(你来做),存为 outline.md,再:
python skills/shared/scripts/mindmap.py make -i outline.md \
  -o outputs/主题名/mm.html --png

-i - 可从 stdin 读;--title 自定义标题;--bg 背景色。

用法要点

  1. 先把内容组织成清晰的 Markdown 大纲(层级分明、每节点简短)——这是脑图质量的关键, 由你(LLM)完成:从文章/主题提炼中心 → 分支 → 要点。
  2. 层级建议 2-4 层,节点文字精炼(几个字),别把整句话塞进节点。
  3. HTML 可交互(展开/折叠、缩放),适合分享或嵌入;PNG 适合直接发图。

前置(PNG)

PNG 渲染需 playwright + chromium + 外网(markmap JS 走 CDN)。仅要 HTML 则无额外依赖。

规则

  1. 内容先成 Markdown 大纲再渲染,不要把无结构的长文直接丢进去。
  2. 节点简洁;层级不宜过深(超过 4 层可读性差)。
  3. 产物统一进 outputs/主题名/。

参考来源

markmap(Markdown → 交互式思维导图)是开源标准方案;本 SKILL 生成自包含 HTML(CDN 加载 markmap),并用 Chromium 无头渲染导出 PNG。

© ZJU-REAL, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in skills/openclaw/mindmap of ZJU-REAL/Easel.

Open the folder on GitHubat commit fb80ae6

Compare with similar skills

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

Mindmap compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Mindmap this skillZJU-REAL/Easel3.2k—~362Automated safety check: PassApache-2.0
Cell Highlightsfranklee16/academic-research-skills2231 repos~1kAutomated safety check: PassNone
Molcell Highlightsbrycewang-stanford/Awesome-Journal-Skills1.2k—~1.4kAutomated safety check: PassMIT
Md2wechatgeekjourneyx/md2wechat-skill3.7k—~3.8kAutomated safety check: PassCustom licence
Bm Mdmiantiao-me/bm.md616—~2.1kAutomated safety check: PassLGPL-3.0
Visual Explainernicobailon/visual-explainer10k—~3.3kAutomated safety check: PassMIT

Similar skills

  • Cell Highlights

    franklee16/academic-research-skills

    A skill your agent uses to produce the three signature Cell front-matter artifacts — Highlights (3–4 bullets, each ≤85 characters), the eTOC/In Brief blurb (~50 words, third-person), and the…

    223 GitHub starsUsed in 1 repo~1k tokens
    Media & CreativeAuto-check passed
  • Molcell Highlights

    brycewang-stanford/Awesome-Journal-Skills

    A skill your agent uses to produce the three signature Cell Press front-matter artifacts for Molecular Cell — Highlights (3–4 bullets, each ≤85 characters), the eTOC/In Brief blurb (~50 words…

    1.2k GitHub stars~1.4k tokensUpdated 11 days ago
    Media & CreativeAuto-check passed
  • Md2wechat

    geekjourneyx/md2wechat-skill

    Convert Markdown to WeChat Official Account HTML. An agent skill from geekjourneyx/md2wechat-skill.

    3.7k GitHub stars~3.8k tokensUpdated 14 days ago
    Media & CreativeAuto-check passed
  • Bm Md

    miantiao-me/bm.md

    使用 bm.md 写作、改写、排版或渲染 Markdown;生成 Mermaid 与 AntV Infographic,设置图片尺寸、高亮重点,以及执行 HTML/纯文本转换和 Markdown lint

    616 GitHub stars~2.1k tokensUpdated 9 days ago
    Media & CreativeAuto-check passed
  • Visual Explainer

    nicobailon/visual-explainer

    Turns systems, code changes, plans and data into self-contained HTML pages where figures carry the explanation, with options for slide decks and narrated MP4 videos.

    10k GitHub stars~3.3k tokensUpdated 2 days ago
    Media & CreativeAuto-check passed
  • Lanshu Create AI Presenter Video

    cclank/lanshu-create-ai-presenter-video

    Turn a topic or finished script into a complete, publish-ready explainer video — led by an AI presenter from an authorized adult presenter image, or performed in one of nine visual explainer styles…

    2.5k GitHub stars~3.6k tokensUpdated 2 days ago
    Media & CreativeAuto-check passed

More from ZJU-REAL/Easel

All 113 skills in this repo
  • 微信公众号文章自动创作与发布工具。给定参考文章、文字或文档,自动搜索整理全网相关信息、生成图文并茂的公众号文章,并发布到微信公众号草稿箱。特别强调反 AI 检测写作。

    3.2k GitHub stars~1.8k tokensUpdated yesterday
    Auto-check passed
  • Card Design

    ZJU-REAL/Easel

    社媒卡片视觉设计系统:提供配色、中文字体层级、满画幅布局、品类骨架和死空白/密度质检,避免模板化 PPT 与廉价 AI 感。

    3.2k GitHub stars~657 tokensUpdated yesterday
    Auto-check passed
  • Ecom Details Image

    ZJU-REAL/Easel

    生成电商商品视觉方案:主图概念、场景图、详情页视觉方向和 AI 生图 Prompt. An agent skill from ZJU-REAL/Easel.

    3.2k GitHub stars~1.1k tokensUpdated yesterday
    Auto-check: notes
  • Infographic

    ZJU-REAL/Easel

    将数据或文字内容转化为可视化信息图,支持静态(AntV)和动画 GIF 两种模式。当用户需要制作信息图、数据可视化、流程图、对比图、动画图表、GIF 图表、思维导图、SWOT 分析图时调用。本地渲染信息图/GIF 动画;要单张静态图片 URL 用 chart-visualization,要 CSV/JSON→整页报告用 data-report

    3.2k GitHub stars~643 tokensUpdated yesterday
    Auto-check passed
  • Novel Writer

    ZJU-REAL/Easel

    长篇小说/网文连载创作:从世界观、人设和三级大纲写到逐章正文,并用文件化状态维护伏笔、前情和跨章一致性. An agent skill from ZJU-REAL/Easel.

    3.2k GitHub stars~1k tokensUpdated yesterday
    Auto-check passed
  • Paper Explainer

    ZJU-REAL/Easel

    科研论文解读:解析 arXiv/PDF 的公式与图表,提炼问题、贡献、方法、关键图和结论,再产出 B站/视频号解读视频或知乎/公众号图文。

    3.2k GitHub stars~1.4k tokensUpdated yesterday
    Auto-check passed

Questions about Mindmap

What does Mindmap do?

思维导图:把 Markdown 大纲(标题层级 + 列表)渲染成可交互思维导图 HTML,可选导出 PNG。适合知识结构、内容框架、SWOT、脑图梳理。当用户说 思维导图、脑图、mindmap、知识导图、大纲图、把要点做成脑图、内容结构图、SWOT图、树状图 时使用。基于 shared/scripts/mindmap.py(markmap 自包含 HTML + Chromium 渲染…. Mindmap is an agent skill from ZJU-REAL/Easel.

When should I use Mindmap?

Mindmap fits situations like: tasks that involve Startup and business strategy; tasks that involve Infographics; tasks that involve Markdown.

How do I install Mindmap in Claude Code?

Run `npx skills add ZJU-REAL/Easel --skill mindmap -a claude-code`. Or copy the skill folder (skills/openclaw/mindmap in ZJU-REAL/Easel) into .claude/skills/mindmap in your project. Claude Code loads it when a task matches its description.

How do I install Mindmap in Codex?

Run `npx skills add ZJU-REAL/Easel --skill mindmap -a codex`. Or copy the skill folder (skills/openclaw/mindmap in ZJU-REAL/Easel) into .agents/skills/mindmap in your project. Codex loads it when a task matches its description.

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

What does Mindmap need to run?

Going by SKILL.md and its folder, Mindmap needs the command-line tools its instructions call (python and make). Our summary lists: Python 3.

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

Mindmap is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Mindmap use?

About 362 tokens (SKILL.md is roughly 1.4k 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 Mindmap?

Skills that share tags, products or a category with Mindmap: Cell Highlights (franklee16/academic-research-skills, 223 stars), Molcell Highlights (brycewang-stanford/Awesome-Journal-Skills, 1.2k stars), Md2wechat (geekjourneyx/md2wechat-skill, 3.7k stars) and Bm Md (miantiao-me/bm.md, 616 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Mindmap?

ZJU-REAL (a GitHub organization) maintains it in ZJU-REAL/Easel, which has 3,230 GitHub stars. The repository holds 113 skills in this directory. The repository was last updated on October 7, 2026.

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