Agent skill

Wiki Diagram

by IssacW228 in IssacW228/student-llm-wiki

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

MITAuto-check passedKnowledge Management

Install Wiki Diagram

skills CLI
$ npx skills add IssacW228/student-llm-wiki --skill wiki-diagram -a claude-code

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

GitHub CLI
$ gh skill install IssacW228/student-llm-wiki wiki-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/IssacW228/student-llm-wiki.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/wiki-diagram .claude/skills/wiki-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
wiki-diagram
GitHub stars
177
Token cost
~394 tokens
SKILL.md length
97 words
Files
1
Skills in repo
6
Repo updated
First seen
Licence
MIT

At a glance

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

  • Works in 5 steps: ≤10 个节点:超过就简化或只画核心路径 → 双语标签:节点文字用"中文 English"或保持和页面其他部分一致的语言风格 → 一页最多 1-2 个图:避免视觉噪音 → …
  • Explicitly asks to 画图/配图/diagram/visualize a concept
  • SKILL.md covers 何时配图 When to Diagram, 图表类型映射 Diagram Type Mapping, 放置位置 Placement and 质量规则 Quality Rules, plus 1 more section
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Wiki Diagram is an agent skill from IssacW228/student-llm-wiki. Add Mermaid diagrams to wiki pages to aid understanding. This skill should be used during ingest/review when a concept involves a process, architecture, sequence, hierarchy, or comparison that is easier to grasp visually, or when the user explicitly asks to "画图"/"配图"/"diagram"/"visualize" a concept.

Its SKILL.md is about 390 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 Knowledge Management, covering Diagrams and LLM wikis. It works with Mermaid and Obsidian. The repository describes itself as: 📚 Student LLM Wiki — AI-compiled knowledge base for university students. Drop course slides, get a persistent interlinked wiki. Feynman review, exam prep, confidence decay… The licence is MIT.

When your agent uses it

  • Explicitly asks to 画图/配图/diagram/visualize a concept
  • Tasks that involve Diagrams
  • Tasks that involve LLM wikis

Example prompts

  • “diagram”
  • “visualize”
  • “/wiki-diagram”

Workflow steps

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

  1. ≤10 个节点:超过就简化或只画核心路径
  2. 双语标签:节点文字用"中文 English"或保持和页面其他部分一致的语言风格
  3. 一页最多 1-2 个图:避免视觉噪音
  4. 语法要对:节点 ID、箭头、括号/引号配对正确,避免渲染失败
  5. 若图表来自课件原图:先在来源页文字描述要点,再判断是否用 Mermaid 重绘成更清晰的逻辑图(不需要 1:1 还原)

What it can do on your machine

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

Wiki Diagram loads about 394 tokens when it runs. Until then it costs about 78 tokens; SKILL.md has 97 words of instructions outside code blocks.

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

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 IssacW228/student-llm-wiki at commit 3e2abe0, republished under its MIT licence (© IssacW228). 97 words, ~394 tokens.

Download SKILL.mdSave it as .claude/skills/wiki-diagram/SKILL.md (or your agent's skills folder).
name
wiki-diagram
description
Add Mermaid diagrams to wiki pages to aid understanding. This skill should be used during ingest/review when a concept involves a process, architecture, sequence, hierarchy, or comparison that is easier to grasp visually, or when the user explicitly asks to "画图"/"配图"/"diagram"/"visualize" a concept.

Wiki Diagram — Mermaid 可视化

用 Mermaid 给概念页配图。Obsidian 原生渲染 ```mermaid 代码块,无需安装插件。

何时配图 When to Diagram

只在"文字描述比图更难懂"时配图,不要每页都加。适合配图的情况:

  • 多步骤流程/算法 → flowchart
  • 协议交互/攻击步骤,含时序(适合 COMP4337) → sequenceDiagram
  • 系统架构/模型结构,含组件关系 → flowchart
  • 概念分类/知识地图 → mindmap
  • 状态转换/生命周期 → stateDiagram-v2
  • 概念间关系网(跨课程连接) → graph

不适合配图:单一定义、纯数学公式推导、线性叙述无分支无关系的内容。

图表类型映射 Diagram Type Mapping

内容类型Mermaid 类型
算法步骤/数据处理流程flowchart TD
协议/攻击交互序列sequenceDiagram
模型架构/系统组件flowchart LR
概念分类/知识地图mindmap
状态机/生命周期stateDiagram-v2
概念间关系网graph TD

放置位置 Placement

在概念页的 直觉 Intuition 或 详细解释 Detailed 章节之后,新增 ## 图解 Diagram 小节。局部插入,不重写全页。

markdown
## 图解 Diagram

\`\`\`mermaid
flowchart TD
    A[输入 Input] --> B[处理 Process]
    B --> C[输出 Output]
\`\`\`

质量规则 Quality Rules

  1. ≤10 个节点:超过就简化或只画核心路径
  2. 双语标签:节点文字用"中文 English"或保持和页面其他部分一致的语言风格
  3. 一页最多 1-2 个图:避免视觉噪音
  4. 语法要对:节点 ID、箭头、括号/引号配对正确,避免渲染失败
  5. 若图表来自课件原图:先在来源页文字描述要点,再判断是否用 Mermaid 重绘成更清晰的逻辑图(不需要 1:1 还原)

触发方式 Triggers

  • 自动:ingest/review 创建或更新概念页时,按上述标准判断是否需要配图(见 wiki-ingest 步骤)
  • 手动:用户说"画图"/"画个图"/"配图"/"diagram this"/"visualize X",或用 /diagram {concept} 命令,针对指定概念页生成/补充图表

© IssacW228, MIT. 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/wiki-diagram of IssacW228/student-llm-wiki.

Open the folder on GitHubat commit 3e2abe0

Compare with similar skills

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

Wiki Diagram compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Wiki Diagram this skillIssacW228/student-llm-wiki177—~394Automated safety check: PassMIT
LLM Wikilewislulu/llm-wiki-skill655—~3.7kAutomated safety check: PassNone
Canvas GenerateAgriciDaniel/claude-canvas300—~2kAutomated safety check: PassMIT
Markdown Report WritingNeuroAIHub/BrainPilot1.1k—~2.6kAutomated safety check: WarnAGPL-3.0
Obsidian Canvas PopulatorAgriciDaniel/claude-canvas300—~1.6kAutomated safety check: PassMIT
Space Mermaid DiagramSpaceZephyr/design-buddy176—~920Automated safety check: PassNone

Similar skills

  • LLM Wiki

    lewislulu/llm-wiki-skill

    Build and maintain a Karpathy-style LLM knowledge base — a self-compiling Obsidian markdown wiki where an Agent ingests raw sources, compiles cross-linked concept/entity/summary pages, answers…

    655 GitHub stars~3.7k tokensUpdated 5 mo ago
    Knowledge ManagementAuto-check passed
  • Canvas Generate

    AgriciDaniel/claude-canvas

    Builds a complete Obsidian canvas from a plain description by picking one of 12 template archetypes, planning nodes, and generating text and media for it.

    300 GitHub stars~2k tokensUpdated 6 mo ago
    Knowledge ManagementAuto-check passed
  • 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
  • Obsidian Canvas Populator

    AgriciDaniel/claude-canvas

    Adds images, text cards, PDFs, notes, links, diagrams, zones and edges to an existing Obsidian Canvas file without overlapping what is already there.

    300 GitHub stars~1.6k tokensUpdated 6 mo ago
    Knowledge ManagementAuto-check passed
  • Space Mermaid Diagram

    SpaceZephyr/design-buddy

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

    176 GitHub stars~920 tokensUpdated 3 mo ago
    DevelopmentAuto-check passed
  • Memory

    yonatangross/orchestkit

    Read-side memory operations on the knowledge graph: search past decisions and patterns, load session context, view decision timelines, render Mermaid graph visualizations.

    292 GitHub stars~1.8k tokensUpdated yesterday
    Knowledge ManagementAuto-check: notes

More from IssacW228/student-llm-wiki

  • Wiki Core

    IssacW228/student-llm-wiki

    Core operating rules for the student knowledge wiki. An agent skill from IssacW228/student-llm-wiki.

    177 GitHub stars~708 tokensUpdated 3 mo ago
    Auto-check passed
  • Wiki Ingest

    IssacW228/student-llm-wiki

    Digest a course source file into the wiki. An agent skill from IssacW228/student-llm-wiki.

    177 GitHub stars~852 tokensUpdated 3 mo ago
    Auto-check passed
  • Exam Prep

    IssacW228/student-llm-wiki

    Generate practice exam questions from weak concepts. An agent skill from IssacW228/student-llm-wiki.

    177 GitHub stars~270 tokensUpdated 3 mo ago
    Auto-check passed
  • Wiki Review

    IssacW228/student-llm-wiki

    Feynman-technique review mode for studying. An agent skill from IssacW228/student-llm-wiki.

    177 GitHub stars~259 tokensUpdated 3 mo ago
    Auto-check passed
  • Wiki Lint

    IssacW228/student-llm-wiki

    Health-check the wiki and apply confidence decay. An agent skill from IssacW228/student-llm-wiki.

    177 GitHub stars~412 tokensUpdated 3 mo ago
    Auto-check: warnings

Works with

Questions about Wiki Diagram

What does Wiki Diagram do?

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

When should I use Wiki Diagram?

Wiki Diagram fits situations like: explicitly asks to 画图/配图/diagram/visualize a concept; tasks that involve Diagrams; tasks that involve LLM wikis.

How do I install Wiki Diagram in Claude Code?

Run `npx skills add IssacW228/student-llm-wiki --skill wiki-diagram -a claude-code`. Or copy the skill folder (skills/wiki-diagram in IssacW228/student-llm-wiki) into .claude/skills/wiki-diagram in your project. Claude Code loads it when a task matches its description.

How do I install Wiki Diagram in Codex?

Run `npx skills add IssacW228/student-llm-wiki --skill wiki-diagram -a codex`. Or copy the skill folder (skills/wiki-diagram in IssacW228/student-llm-wiki) into .agents/skills/wiki-diagram in your project. Codex loads it when a task matches its description.

Can I use Wiki 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 IssacW228/student-llm-wiki --skill wiki-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/wiki-diagram, .gemini/skills/wiki-diagram, .github/skills/wiki-diagram and .opencode/skills/wiki-diagram in your project.

What does Wiki Diagram need to run?

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

Does Wiki 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 Wiki 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 Wiki Diagram use?

Wiki Diagram is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Wiki Diagram use?

About 394 tokens (SKILL.md is roughly 1.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 Wiki Diagram?

Skills that share tags, products or a category with Wiki Diagram: LLM Wiki (lewislulu/llm-wiki-skill, 655 stars), Canvas Generate (AgriciDaniel/claude-canvas, 300 stars), Markdown Report Writing (NeuroAIHub/BrainPilot, 1.1k stars) and Obsidian Canvas Populator (AgriciDaniel/claude-canvas, 300 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Wiki Diagram?

IssacW228 (a GitHub user) maintains it in IssacW228/student-llm-wiki, which has 177 GitHub stars. The repository holds 6 skills in this directory. The repository was last updated on June 16, 2026.

Source: IssacW228/student-llm-wiki on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.